@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;650;750&family=Nunito:wght@400;600;700;800&display=swap";:root{color:#203a31;font-synthesis:none;background:#f8f4e8;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}:focus-visible{outline-offset:4px;outline:3px solid #a03d1c}.site-header{border-bottom:1px solid #dbd9c8;justify-content:space-between;align-items:center;gap:1rem;max-width:78rem;min-height:6rem;margin:auto;padding:1.25rem clamp(1rem,4.5vw,3rem);display:flex}.brand{align-items:center;gap:.7rem;font:750 1.6rem Bricolage Grotesque,system-ui;text-decoration:none;display:flex}.brand-icon{color:#22392d;background:#e6b951;border-radius:42% 42% 37%;place-items:center;width:2.8rem;height:2.8rem;display:grid}select{color:#203a31;background:#fffdf5;border:1px solid #9da99b;border-radius:.8rem;min-height:48px;padding:.55rem .7rem}main{max-width:78rem;margin:auto;padding:clamp(1rem,4vw,3rem)}h1{letter-spacing:-.035em;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;line-height:1.03}p{line-height:1.55}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(1rem,4vw,5rem);min-height:min(44rem,76vh);display:grid}.hero h1{font-size:clamp(3.05rem,7.4vw,6.5rem)}.hero p{max-width:27rem;margin:1.5rem 0 1.85rem;font-size:clamp(1.1rem,2vw,1.5rem)}.hero-art{background:#f0e6cc;border-radius:clamp(1rem,3vw,2.6rem);width:100%;display:block}.actions,.panel-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel-actions{justify-content:space-between;margin-top:1.5rem}.primary,.secondary,.option,.sound{border:1px solid #0000;border-radius:.85rem;min-height:48px;padding:.65rem 1.05rem;font-weight:800}.primary{color:#fffdf5;background:#244c3e}.primary:hover{background:#193b30}.secondary{color:#244c3e;background:#fffdf5;border-color:#9da99b}.secondary:hover:not(:disabled){background:#edf1db}.panel{background:#fffdf5;border:1px solid #dedbc9;border-radius:1.65rem;max-width:60rem;margin:0 auto;padding:clamp(1rem,4vw,2.5rem)}.panel h1{font-size:clamp(1.8rem,4vw,3rem)}.narrow,.guide{max-width:41rem}.guide code{overflow-wrap:anywhere;margin-block:1.5rem;display:block}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.panel-head>span{flex-shrink:0;font-weight:800}.word-card{grid-template-columns:1fr 1fr;align-items:center;gap:1rem;display:grid}.word-picture{aspect-ratio:1;background-image:url(/art/word-sheet.jpg);background-size:300% 200%;border-radius:1.2rem;width:100%}.languages{gap:.75rem;display:grid}.language-block{background:#e8eee2;border-radius:1rem;padding:.75rem}.language-block:nth-child(2){background:#e7edf3}.language-label{padding-inline:.5rem;font-size:.84rem;font-weight:800}.sound,.option{text-align:left;width:100%;color:inherit;background:0 0;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.sound{padding:.45rem .5rem}.sound:hover{background:#fffc}.word{font-size:clamp(1.6rem,4vw,2.25rem)}.sound span:last-child{font-size:.95rem}.prompt{background:#e8eee2;border-radius:1rem;place-items:center;min-height:5rem;margin:.8rem 0;font-size:1.7rem;display:grid}.prompt button{font-size:1rem}.options{gap:.65rem;margin-block:1.1rem;display:grid}.option{background:#f8f7ed;border-color:#a9b8a3;font-size:1.15rem}.option:hover:not([aria-disabled]){background:#edf1db}.option[aria-disabled]{cursor:default}.option small{font-size:.83rem}.option.is-correct{background:#d9ecd6;border-color:#397858}.feedback{min-height:1.6em}@media (width<=680px){.site-header{min-height:4.7rem}.hero{grid-template-columns:1fr;margin-top:1rem}.hero h1{max-width:12ch}.word-card{grid-template-columns:1fr}.word-picture{max-width:20rem;margin-inline:auto}}.word-picture.second-sheet{background-image:url(/art/word-sheet-2.jpg);background-size:200% 200%}.field-stack{gap:.85rem;margin-block:.8rem;display:grid}.field-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.85rem;display:grid}label:not(.checkbox){align-content:start;gap:.3rem;max-width:100%;font-weight:700;display:grid}input:not([type=checkbox]){font:inherit;width:100%;min-height:48px;color:inherit;background:#fffdf5;border:1px solid #9da99b;border-radius:.7rem;padding:.55rem .7rem}input[type=checkbox]{width:1.2rem;height:1.2rem}.checkbox{align-items:center;gap:.35rem;display:flex}.editor-group{border:0;min-width:0;padding:0}.subpanel,.word-editor{border:1px solid #dedbc9;border-radius:1rem;min-width:0;margin-top:.85rem;padding:1rem}.word-editor h3{margin:0}.draft-image{border-radius:.85rem;width:min(100%,16rem);display:block}audio{max-width:100%}summary{cursor:pointer;min-height:48px;padding:.6rem 0;font-weight:800}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.self-practice .word-card{border-top:1px solid #dedbc9;padding-top:1rem}.practice-round{max-width:42rem;margin-inline:auto}.practice-round h2{margin-block:.4rem}.practice-break{margin-top:1rem}.practice-hub{max-width:42rem}.account-tabs{margin-block:1rem}.metric-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.8rem;display:grid}.metric-cards section{background:#e8eee2;border-radius:1rem;padding:1rem}.metric-cards h4{margin:0 0 .4rem}.metric-cards strong{font-size:1.4rem}.metric-cards p{margin-bottom:0;font-size:.92rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}caption{text-align:left;padding:.55rem 0;font-weight:800}th,td{border-bottom:1px solid #dedbc9;padding:.55rem .65rem}.day-grid{flex-wrap:wrap;gap:.4rem;display:flex}.completion-stem{transform-origin:50% 100%;width:2.2rem;height:2.9rem;margin:0 0 .7rem .25rem;position:relative}.completion-stem:after{content:"";background:#2f6845;border-radius:1rem;width:.15rem;height:2.15rem;position:absolute;bottom:0;left:47%}.completion-stem span{background:#64a06a;border-radius:100% 0 100% 20%;width:1.37rem;height:1.5rem;position:absolute;top:0;left:46%;transform:rotate(12deg)}.completion-stem span:after{content:"";background:#407956;border-radius:10% 95% 20%;width:1.2rem;height:.91rem;position:absolute;top:.84rem;left:-1.05rem}@media (prefers-reduced-motion:no-preference){.completion-stem{animation:.45s ease-out both leaf-grow}@keyframes leaf-grow{0%{opacity:.25;transform:scale(.55)}to{opacity:1;transform:scale(1)}}}.guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8f7ed;border:1px solid #dedbc9;border-radius:.8rem;margin-block:0;padding:.8rem}.guide pre code{margin:0}.guide h2{margin:.65rem 0 0}.guide .field-stack>p{margin-block:.15rem}