:root{--ink:#17231d;--muted:#66736c;--cream:#f7f5ed;--card:#fffef9;--green:#1f6b4f;--green-dark:#15533c;--mint:#dceee4;--gold:#efb64d;--red:#a43d36;--line:#d9ddd6;--shadow:0 14px 40px rgba(31,55,43,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}h1,h2{font-family:"Fraunces",serif;line-height:1.08;margin:.25em 0}h1{font-size:clamp(2.25rem,6vw,4.6rem);letter-spacing:-.035em}h2{font-size:1.55rem}p{color:var(--muted)}button,input,select{font:inherit}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(247,245,237,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{font:700 1.5rem "Fraunces";color:var(--ink)}.brand:hover{text-decoration:none}.site-header nav{display:flex;align-items:center;gap:22px}.site-header nav>a,.link-button{font-weight:600;color:var(--ink)}.inline-form{display:inline}.link-button{border:0;background:none;padding:0;cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:calc(100vh - 150px);padding:64px 0 80px}footer{border-top:1px solid var(--line);padding:26px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:.88rem}.eyebrow{display:block;color:var(--green);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:white;border:0;border-radius:12px;padding:13px 20px;font-weight:700;cursor:pointer;box-shadow:0 5px 0 var(--green-dark)}.button:hover{background:var(--green-dark);text-decoration:none;transform:translateY(1px);box-shadow:0 4px 0 #0e3d2b}.button.secondary{background:transparent;color:var(--green);border:1px solid var(--green);box-shadow:none}.button.ghost{background:transparent;color:var(--ink);box-shadow:none}.button.small{padding:8px 14px;box-shadow:none}.button.full{width:100%}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions.centered{justify-content:center}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:80px;align-items:center;padding:50px 0 100px}.hero>div>p{font-size:1.2rem;max-width:630px}.hero-card{background:var(--green);color:#fff;border-radius:24px;padding:34px;transform:rotate(2deg);box-shadow:20px 20px 0 var(--mint)}.hero-card strong{display:block;font:600 3rem "Fraunces";margin:16px 0}.hero-card p,.hero-card .mini-label{color:#d5e9df}.mini-label{font-size:.73rem;letter-spacing:.14em;font-weight:700}.progress{height:8px;border-radius:99px;background:#d9e1dc;overflow:hidden}.progress span{height:100%;display:block;background:var(--gold);border-radius:99px}.feature-grid,.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{border-top:1px solid var(--line);padding:28px 8px}.feature-icon,.game-number{font-size:.74rem;color:var(--green);font-weight:700}
.form-shell{display:grid;grid-template-columns:1fr 460px;gap:90px;align-items:start}.form-shell>div{padding-top:55px}.form-shell>div p{font-size:1.1rem}.form-card{padding:30px;display:grid;gap:8px}.form-card label{font-weight:700;margin-top:8px}.form-card input,.form-card select{display:block;width:100%;padding:13px 14px;margin-top:7px;border:1px solid #bac3bd;border-radius:10px;background:white}.form-card input:focus,.form-card select:focus,.choice:focus{outline:3px solid rgba(31,107,79,.22);border-color:var(--green)}.field-help,.form-note{font-size:.85rem;color:var(--muted)}.field-error{color:var(--red);font-size:.85rem}.narrow{width:min(520px,100%);margin:auto}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px;background:#e8ece9}.alert.success{background:#dceee4}.alert.danger{background:#f6dedb}.alert.warning{background:#faecca}
.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.page-heading h1{font-size:3.4rem}.page-heading-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.student-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.student-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:22px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font:700 1.2rem "Fraunces"}.avatar.large{width:90px;height:90px;font-size:2rem}.student-card h2,.student-card p{margin:0}.profile-heading{display:flex;gap:25px;align-items:center}.profile-heading h1{font-size:3.5rem}.profile-heading p{margin:0}.danger-zone{margin-top:90px;border-top:1px solid var(--line);padding-top:28px;max-width:550px}.danger-zone h2{font-size:1.2rem}.text-danger{border:0;background:none;padding:0;color:var(--red);font-weight:700;cursor:pointer}.empty-state{text-align:center;padding:70px 30px}.empty-state h1{font-size:3rem}
.student-tabs{display:flex;gap:7px;margin-bottom:18px;overflow:auto}.student-tabs a{padding:9px 15px;border-radius:99px;color:var(--ink);border:1px solid var(--line);white-space:nowrap}.student-tabs a.active{background:var(--green);color:white;border-color:var(--green)}.dashboard-hero{padding:28px 32px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,var(--card),var(--mint))}.dashboard-hero h2{font-size:2.4rem}.dashboard-hero p{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.metrics article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.metrics span{display:block;color:var(--muted);font-size:.85rem}.metrics strong{font:600 2.15rem "Fraunces"}
.collection-progress-card{display:grid;grid-template-columns:minmax(240px,1fr) 1.4fr;align-items:center;gap:35px;padding:26px 32px;margin-top:18px}.collection-progress-card strong{display:block;font:700 3rem Georgia,"Times New Roman",serif;margin-top:4px}.collection-progress-card strong small{font:600 1rem system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}.collection-progress-card p{margin:3px 0}.collection-progress-track{height:18px;border-radius:99px;background:#d9e1dc;overflow:hidden}.collection-progress-track span{display:block;height:100%;min-width:0;background:linear-gradient(90deg,var(--green),#4da477);border-radius:99px;transition:width .4s ease}
.play-heading{text-align:center;max-width:700px;margin:0 auto 48px}.play-heading p{font-size:1.1rem}.game-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:var(--card);position:relative}.game-card.active{box-shadow:var(--shadow);border-top:5px solid var(--green)}.game-card.coming{opacity:.7}.tag{display:inline-block;background:#ece9df;border-radius:99px;padding:5px 10px;font-size:.75rem;font-weight:700}.game-shell{max-width:860px;margin:auto}.game-meta{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--muted);font-size:.88rem;font-weight:600}.game-shell>.progress{margin-bottom:28px}.prompt-card{text-align:center}.prompt-card h1{font-size:clamp(3rem,8vw,5.6rem);margin:20px 0 36px}.choices{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice{min-height:96px;text-align:left;display:flex;align-items:center;gap:15px;border:1px solid #c8cec9;background:var(--card);border-radius:14px;padding:15px;cursor:pointer;color:var(--ink)}.choice:hover{border-color:var(--green);box-shadow:0 5px 15px rgba(31,107,79,.1)}.choice kbd{background:var(--mint);color:var(--green);border-radius:7px;padding:4px 9px;font-weight:700}.choice:disabled{opacity:.65}.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}
.practice-collection-card{display:grid;grid-template-columns:1fr minmax(280px,420px);align-items:center;gap:30px;padding:24px 28px;margin-bottom:20px}.practice-collection-card h2,.practice-collection-card p{margin:4px 0}.practice-collection-card form{display:grid;gap:7px}.practice-collection-card label{font-weight:700}.practice-collection-card select{width:100%;border:1px solid #bac3bd;border-radius:10px;background:white;padding:11px;font:inherit}.practice-collection-card select:focus{outline:3px solid rgba(31,107,79,.22);border-color:var(--green)}
.feedback-card{max-width:720px;text-align:center;margin:20px auto;padding:55px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.feedback-symbol{margin:0 auto 20px;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--mint);color:var(--green);font-size:2rem}.feedback-card.incorrect .feedback-symbol{background:#faecca;color:#85600f}.feedback-card h1{font-size:3.5rem}.feedback-card .definition{font-size:1.25rem;color:var(--ink)}.example{font-style:italic;background:var(--cream);padding:14px;border-radius:10px}.your-answer{text-decoration:line-through}.summary-heading{text-align:center;max-width:740px;margin:auto}.summary-heading h1{font-size:4rem}.metrics.summary{max-width:850px;margin:40px auto}.metrics.summary article{text-align:center}
.sentence-prompt h1,.recall-prompt h1{font:600 clamp(1.8rem,4.5vw,3.2rem)/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.02em}.recall-prompt{max-width:760px;margin:auto}.recall-label{display:block;text-align:left;font-weight:700;margin:32px 0 8px}.recall-input{width:100%;border:2px solid #bac3bd;border-radius:14px;background:var(--card);padding:16px 18px;font-size:1.35rem}.recall-input:focus{outline:3px solid rgba(31,107,79,.22);border-color:var(--green)}.recall-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.hint-text{min-height:30px;text-align:left;color:var(--green);font-weight:700;padding-top:8px}.submitting .choice,.submitting .recall-input,.submitting .recall-actions{pointer-events:none;opacity:.65}
.explorer-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;margin:0 0 24px;background:linear-gradient(115deg,var(--card),var(--mint))}.explorer-callout h2,.explorer-callout p{margin:3px 0}.explorer-heading h1{font-size:3.5rem}.collection-toolbar{padding:18px 22px;margin-bottom:20px}.collection-toolbar form{display:grid;grid-template-columns:auto minmax(260px,420px) 1fr;align-items:center;gap:14px}.collection-toolbar label{font-weight:700}.collection-toolbar select{border:1px solid #bac3bd;border-radius:10px;background:white;padding:11px;font:inherit}.collection-toolbar select:focus{outline:3px solid rgba(31,107,79,.22);border-color:var(--green)}.collection-toolbar p{margin:0}.explorer-layout{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}.explorer-picker{padding:22px;position:sticky;top:98px}.explorer-picker form{display:grid;gap:12px}.explorer-picker label{font-weight:700}.explorer-picker input,.explorer-picker select{width:100%;border:1px solid #bac3bd;border-radius:10px;background:white;padding:11px}.explorer-picker select{padding:5px;min-height:330px}.explorer-picker option{padding:7px}.explorer-picker input:focus,.explorer-picker select:focus{outline:3px solid rgba(31,107,79,.22);border-color:var(--green)}.word-detail{padding:clamp(28px,6vw,60px)}.word-detail-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.word-detail h2{font-size:clamp(3rem,8vw,5.5rem);margin:25px 0 45px}.word-section{border-top:1px solid var(--line);padding:24px 0}.word-section>p{margin-bottom:0}.explorer-definition{font-size:1.35rem;color:var(--ink);max-width:750px}.word-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:28px}.word-more-details{border-top:1px solid var(--line);margin-top:34px;padding-top:22px;text-align:center}.word-more-details a{font-weight:700}.button.disabled{opacity:.42;pointer-events:none;box-shadow:none}.muted{color:var(--muted)}
.flashcard-builder{display:grid;gap:20px}.set-options,.save-set{padding:26px}.selection-option{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line);cursor:pointer}.selection-option:first-of-type{margin-top:18px}.selection-option input{margin-top:5px;accent-color:var(--green)}.selection-option span,.selection-option small{display:block}.selection-option small{color:var(--muted);margin-top:3px}.word-checklist-panel{padding:24px}.word-checklist-panel[aria-disabled="true"]{opacity:.58}.checklist-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.checklist-heading p{margin:3px 0}.checklist-heading input,.save-set input{border:1px solid #bac3bd;border-radius:10px;background:white;padding:11px;font:inherit}.checklist-actions{display:flex;gap:20px;margin:14px 0}.checklist-actions .link-button{color:var(--green)}.word-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:420px;overflow:auto;padding:4px}.word-check-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);cursor:pointer}.word-check-option:has(input:checked){border-color:var(--green);background:var(--mint)}.word-check-option small{color:var(--muted)}.save-set{display:grid;grid-template-columns:1fr 160px minmax(240px,400px);align-items:center;gap:16px}.save-set h2,.save-set p{margin:4px 0}.save-set label{font-weight:700}.builder-submit{justify-self:center;min-width:280px}.flashcard-session{max-width:850px;margin:auto}.flashcard-session>.game-meta{align-items:center}.quit-form{margin-left:auto}.quit-button{border:1px solid var(--red);border-radius:8px;background:transparent;color:var(--red);padding:6px 11px;font:inherit;font-weight:700;cursor:pointer}.quit-button:hover{background:#f6dedb}.flashcard-session>.progress{margin-bottom:18px}.flip-instruction{text-align:center}.study-card{display:block;width:100%;height:520px;border:0;background:transparent;padding:0;cursor:pointer;perspective:1400px;color:var(--ink)}.study-card:focus-visible{outline:3px solid rgba(31,107,79,.3);outline-offset:8px;border-radius:24px}.study-card-inner{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.study-card.flipped .study-card-inner{transform:rotateY(180deg)}.study-card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:clamp(28px,6vw,65px);overflow:auto}.study-card-front{background:linear-gradient(145deg,var(--card),var(--mint))}.study-card-back{background:var(--card);transform:rotateY(180deg);align-items:flex-start;text-align:left}.study-word{font:700 clamp(3.4rem,10vw,7rem)/1 Georgia,"Times New Roman",serif;margin:35px 0}.flip-prompt{color:var(--green);font-weight:700}.study-back-word{font:700 clamp(2.5rem,7vw,4.5rem)/1 Georgia,"Times New Roman",serif;margin-bottom:16px}.study-section{display:block;width:100%;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.study-section strong,.study-section span{display:block}.study-section strong{color:var(--green);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.study-section span{font-size:1.15rem}.next-card-form{text-align:center;margin-top:25px}.next-card-form[hidden]{display:none}
.study-card-front{overflow:hidden}.study-word{max-width:100%;white-space:nowrap;font-size:clamp(2.6rem,9vw,6rem)}.study-wiktionary{display:block;width:100%;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;color:var(--green);font-weight:700;text-align:center}.study-wiktionary:focus-visible{outline:3px solid rgba(31,107,79,.25);outline-offset:5px;border-radius:4px}
@media(max-width:800px){.site-header{height:auto;min-height:68px;padding:15px 20px}.site-header nav{gap:12px}.site-header nav>a:not(.button){display:none}.container{padding-top:38px}.hero,.form-shell{grid-template-columns:1fr;gap:35px}.hero{padding-top:10px}.hero-card{transform:none}.feature-grid,.game-grid,.metrics{grid-template-columns:1fr 1fr}.student-grid{grid-template-columns:1fr}.choices{grid-template-columns:1fr}.summary-heading h1{font-size:3rem}.practice-collection-card{grid-template-columns:1fr}.collection-toolbar form{grid-template-columns:1fr}.explorer-layout{grid-template-columns:1fr}.explorer-picker{position:static}.explorer-picker select{min-height:220px}.word-checklist{grid-template-columns:1fr 1fr}.save-set{grid-template-columns:1fr}.study-card{height:560px}}@media(max-width:520px){.feature-grid,.game-grid,.metrics{grid-template-columns:1fr}.student-card{grid-template-columns:auto 1fr}.student-card .button{grid-column:1/-1}.page-heading{align-items:start;gap:20px}.page-heading h1{font-size:2.7rem}.feedback-card{padding:35px 20px}.container{width:min(100% - 28px,1180px)}footer{flex-direction:column;gap:8px}.explorer-callout{align-items:flex-start;flex-direction:column}.word-navigation{flex-direction:column}.word-navigation .button{width:100%}.checklist-heading{align-items:stretch;flex-direction:column}.word-checklist{grid-template-columns:1fr}.study-card{height:590px}.study-card-face{padding:28px 22px}}
@media(max-width:800px){.collection-progress-card{grid-template-columns:1fr;gap:18px}}
.student-access-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-top:28px}.student-access-card h2,.student-access-card p{margin:5px 0}.student-access-card code{display:inline-block;font:700 1.05rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;background:var(--mint);color:var(--green);padding:7px 10px;border-radius:8px}
.student-collection-access{padding:24px 28px;margin-bottom:18px}.collection-access-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.collection-access-heading h2,.collection-access-heading p{margin:4px 0}.collection-access-options{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:0;margin:0 0 18px}.collection-access-options li label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--card);cursor:pointer}.collection-access-options input{accent-color:var(--green)}.collection-access-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.parent-collection-layout{display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start}.parent-collection-list{padding:18px;position:sticky;top:98px}.parent-collection-list>a{display:block;padding:12px;border-radius:10px;color:var(--ink);margin-top:5px}.parent-collection-list>a span,.parent-collection-list>a small{display:block}.parent-collection-list>a small{color:var(--muted);margin-top:2px}.parent-collection-list>a.active{background:var(--mint);color:var(--green)}.parent-collection-detail{padding:28px}.collection-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.collection-detail-heading h2{font-size:2.4rem}.collection-detail-heading h2,.collection-detail-heading p{margin:5px 0}.collection-add-word{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:22px 0}.collection-add-word label{font-weight:700}.collection-add-word select,.collection-word-toolbar input{display:block;width:100%;border:1px solid #bac3bd;border-radius:10px;background:white;padding:11px;margin-top:6px;font:inherit}.collection-word-toolbar{margin:20px 0}.collection-word-toolbar label{font-weight:700}.collection-word-list{display:grid;gap:10px;max-height:760px;overflow:auto;padding-right:4px}.collection-word-list article{display:grid;grid-template-columns:1fr auto;gap:18px;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card)}.collection-word-list h3{display:inline;margin:0 10px 0 0;font:700 1.25rem "Fraunces"}.collection-word-list p{margin:7px 0}.collection-word-list a{font-size:.88rem;font-weight:700}
@media(max-width:800px){.flashcard-session{margin-top:-20px}.flashcard-session>.game-meta{margin-bottom:4px}.flashcard-session>.progress{margin-bottom:8px}.flip-instruction{margin:6px 0 10px}.study-card{height:clamp(360px,calc(100dvh - 265px),500px)}.study-card-face{padding:24px}.study-back-word{margin-bottom:10px}.study-section{padding-top:12px;margin-top:12px}.study-section span{font-size:1rem}.study-wiktionary{padding-top:12px;margin-top:12px}.next-card-form{margin-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@supports not (height:100dvh){@media(max-width:800px){.study-card{height:clamp(360px,calc(100vh - 265px),500px)}}}
@media(max-width:520px){.flashcard-session{margin-top:-26px}.study-card-face{padding:20px 18px}.next-card-form .button{min-width:160px}}
@media(max-width:800px){.collection-access-heading,.collection-detail-heading{align-items:stretch;flex-direction:column}.collection-access-options{grid-template-columns:1fr 1fr}.parent-collection-layout{grid-template-columns:1fr}.parent-collection-list{position:static}.collection-add-word{grid-template-columns:1fr}.collection-word-list{max-height:none}}@media(max-width:520px){.collection-access-options{grid-template-columns:1fr}.parent-collection-detail,.student-collection-access{padding:20px 16px}.collection-word-list article{grid-template-columns:1fr}}
@media(max-width:700px){.page-heading{align-items:stretch;flex-direction:column}.page-heading-actions{justify-content:flex-start;margin-top:16px}}
@media(max-width:1024px){.explorer-page .explorer-heading{margin-bottom:18px}.explorer-page .explorer-heading h1{font-size:3rem}.explorer-page .collection-toolbar{padding:14px 16px;margin-bottom:14px}.explorer-page .collection-toolbar form{grid-template-columns:auto minmax(0,1fr);gap:8px 12px}.explorer-page .collection-toolbar p{grid-column:1/-1;font-size:.9rem}.explorer-page .explorer-layout{grid-template-columns:250px minmax(0,1fr);gap:14px}.explorer-page .explorer-picker{padding:16px;top:84px}.explorer-page .explorer-picker form{gap:8px}.explorer-page .explorer-picker input{padding:9px 10px}.explorer-page .explorer-picker select{min-height:260px}.explorer-page .word-detail{padding:28px}.explorer-page .word-detail h2{font-size:clamp(2.8rem,7vw,4.2rem);margin:14px 0 26px;overflow-wrap:anywhere}.explorer-page .word-section{padding:17px 0}.explorer-page .word-part-of-speech{display:none}.explorer-page .explorer-definition{font-size:1.16rem}.explorer-page .word-more-details{margin-top:20px;padding-top:16px}.explorer-page .word-navigation{margin-top:20px}}
@media(min-width:681px) and (max-width:900px){.explorer-page .explorer-layout{grid-template-columns:230px minmax(0,1fr)}.explorer-page .explorer-picker{position:sticky}.explorer-page .explorer-picker select{min-height:240px}.explorer-page .word-navigation .button{padding:11px 14px}}
@media(max-width:680px){.explorer-page .explorer-heading{gap:12px}.explorer-page .explorer-heading h1{font-size:2.55rem}.explorer-page .explorer-heading .button{align-self:flex-start;padding:10px 15px}.explorer-page .collection-toolbar form{grid-template-columns:1fr}.explorer-page .collection-toolbar p{grid-column:auto}.explorer-page .explorer-layout{grid-template-columns:1fr;gap:12px}.explorer-page .explorer-picker{position:static;padding:14px}.explorer-page .explorer-picker select{height:150px;min-height:150px}.explorer-page .word-detail{padding:22px 18px}.explorer-page .word-detail h2{font-size:clamp(2.5rem,13vw,3.6rem);margin:10px 0 20px}.explorer-page .word-section{padding:14px 0}.explorer-page .word-navigation{flex-direction:row;gap:10px}.explorer-page .word-navigation .button{width:50%;padding:11px 10px}.explorer-page .word-more-details{text-align:left}.explorer-page .word-detail-meta{font-size:.9rem}}
@media(max-width:1024px){.explorer-page{margin-top:-20px}}
.collection-word-toolbar{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 14px}.collection-word-toolbar input{grid-column:1/-1}.collection-word-list article[hidden]{display:none}.collection-filter-empty{padding:34px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.collection-filter-empty[hidden]{display:none}
.cumulative-grade-option{display:flex!important;align-items:flex-start!important;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--mint);cursor:pointer}.cumulative-grade-option input{margin-top:3px;accent-color:var(--green)}.cumulative-grade-option span,.cumulative-grade-option small{display:block}.cumulative-grade-option small{margin-top:2px;color:var(--muted);font-weight:400}.collection-toolbar .cumulative-grade-option{grid-column:2/-1}
.parent-overview-pane{margin-bottom:30px}.parent-overview-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.parent-overview-heading h2,.parent-overview-heading p{margin:4px 0}.parent-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));gap:16px}.parent-overview-card{padding:22px}.parent-overview-card.active{border-color:var(--green);box-shadow:0 0 0 2px rgba(31,107,79,.1),var(--shadow)}.parent-overview-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.parent-overview-card h3{font-size:2rem;margin:5px 0}.parent-overview-card header p{margin:0;color:var(--muted)}.overview-activity{display:grid;grid-template-columns:minmax(0,2fr) minmax(90px,1fr);gap:9px;margin:18px 0 9px}.overview-activity>div{padding:12px 14px;border-radius:10px;background:var(--mint)}.overview-activity span,.overview-metrics span{display:block;color:var(--muted);font-size:.76rem}.overview-activity strong{display:block;margin-top:4px;font-size:.95rem}.overview-activity time{font:inherit}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.overview-metrics>div{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.overview-metrics strong{display:block;margin-top:3px;font:700 1.15rem "Fraunces"}@media(max-width:600px){.parent-overview-card{padding:18px 14px}.parent-overview-card>header{align-items:stretch;flex-direction:column}.parent-overview-card>header .button{align-self:flex-start}.overview-activity{grid-template-columns:1fr}.overview-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px),(max-height:850px){body.flashcard-study-page{height:100dvh;overflow:hidden}body.flashcard-study-page footer{display:none}body.flashcard-study-page .container{height:calc(100dvh - 76px);min-height:0;padding-top:12px;padding-bottom:max(10px,env(safe-area-inset-bottom));overflow:hidden}body.flashcard-study-page .flashcard-session{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%;margin:0 auto}body.flashcard-study-page .flashcard-session>.game-meta{margin:0 0 4px}body.flashcard-study-page .flashcard-session>.progress{margin:0 0 6px}body.flashcard-study-page .flip-instruction{margin:3px 0 7px;font-size:.92rem}body.flashcard-study-page .study-card{height:100%;min-height:0}body.flashcard-study-page .study-card-face{padding:clamp(16px,3vw,28px);overflow:hidden}body.flashcard-study-page .study-back-word{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:8px}body.flashcard-study-page .study-section{padding-top:10px;margin-top:10px}body.flashcard-study-page .study-section strong{margin-bottom:4px}body.flashcard-study-page .study-section span{font-size:1rem;line-height:1.4}body.flashcard-study-page .study-wiktionary{padding-top:10px;margin-top:10px;font-size:.92rem}body.flashcard-study-page .next-card-form{margin-top:8px;padding-bottom:0}body.flashcard-study-page .study-card-back.compact{padding:14px 20px}body.flashcard-study-page .study-card-back.compact .study-back-word{font-size:1.9rem;margin-bottom:5px}body.flashcard-study-page .study-card-back.compact .study-section{padding-top:7px;margin-top:7px}body.flashcard-study-page .study-card-back.compact .study-section span{font-size:.9rem;line-height:1.3}body.flashcard-study-page .study-card-back.compact .study-wiktionary{padding-top:7px;margin-top:7px;font-size:.84rem}body.flashcard-study-page .study-card-back.extra-compact{padding:10px 16px}body.flashcard-study-page .study-card-back.extra-compact .study-back-word{font-size:1.6rem}body.flashcard-study-page .study-card-back.extra-compact .study-section{padding-top:5px;margin-top:5px}body.flashcard-study-page .study-card-back.extra-compact .study-section strong{font-size:.68rem;margin-bottom:2px}body.flashcard-study-page .study-card-back.extra-compact .study-section span{font-size:.8rem;line-height:1.2}body.flashcard-study-page .study-card-back.extra-compact .study-wiktionary{padding-top:5px;margin-top:5px;font-size:.76rem}}
@media(max-width:800px){body.flashcard-study-page .container{height:calc(100dvh - 68px)}}
@supports not (height:100dvh){@media(max-width:1100px),(max-height:850px){body.flashcard-study-page{height:100vh}body.flashcard-study-page .container{height:calc(100vh - 76px)}}@media(max-width:800px){body.flashcard-study-page .container{height:calc(100vh - 68px)}}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.study-card-inner{transition:none}}
