@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{appearance:none;color:#244c3e;background-color:#fffdf5;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%),linear-gradient(#d4dacf,#d4dacf);background-position:calc(100% - 1.21rem),calc(100% - .9rem),calc(100% - 2.45rem);background-repeat:no-repeat;background-size:.32rem .32rem,.32rem .32rem,1px 100%;border:1px solid #9da99b;border-radius:.85rem;min-width:0;min-height:48px;padding:.55rem 2.9rem .55rem .8rem}select:not(:disabled){cursor:pointer}select:not(:disabled):hover{background-color:#edf1db}select:disabled{opacity:.55}@media (forced-colors:active){select{appearance:auto;background-image:none;padding-inline-end:.8rem}}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)}.home-learning{justify-items:start;gap:.85rem;display:grid}.home-start{text-align:start;overflow-wrap:anywhere;align-items:center;gap:.7rem;display:inline-flex}.home-start span{flex-shrink:0;font-size:1.5rem;line-height:1}.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}.header-actions{justify-content:flex-end;min-width:0}@media (width<=480px){.header-actions{gap:.4rem}.header-parent{padding-inline:.6rem}}.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}.header-profile{align-items:stretch;min-width:0;display:inline-flex;position:relative}.profile-chevron{min-width:44px;padding-inline:.6rem;font-size:1.15rem}.header-profile-options{z-index:2;background:#fffdf5;border:1px solid #9da99b;border-radius:.85rem;width:max-content;min-width:100%;max-width:min(18rem,75vw);margin:0;padding:.4rem;list-style:none;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;box-shadow:0 .4rem 1rem #203a311c}.header-profile-options:not([hidden]){gap:.3rem;display:grid}.header-profile-options button{text-align:start;overflow-wrap:anywhere;width:100%}.header-profile-options button[aria-pressed=true]{background:#e8eee2}.account-badge{align-items:center;gap:.55rem;max-width:min(14rem,35vw);padding:.4rem .65rem;display:inline-flex}.header-profile-split .account-badge{border-inline-end:0;border-start-end-radius:0;border-end-end-radius:0}.header-profile-split .profile-chevron{border-inline-start-color:#d4dacf;border-start-start-radius:0;border-end-start-radius:0}.header-profile-split>button:focus-visible{z-index:1;position:relative}.account-avatar{color:#244c3e;background:#e8eee2;border-radius:50%;flex:0 0 1.8rem;place-items:center;height:1.8rem;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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}.management>.feedback:empty{min-height:0;margin:0}@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):not(.file-picker){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}.file-picker{cursor:pointer;align-items:center;width:fit-content;display:inline-flex}.file-picker:focus-within{outline-offset:4px;outline:3px solid #a03d1c}.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}.practice-empty{margin-top:0}.practice-empty-heading{align-items:center;gap:.8rem;display:flex}.practice-empty-heading picture{flex:none}.practice-empty-heading img{width:clamp(3.5rem,12vw,5.5rem);height:auto;display:block}.practice-empty-heading h2{margin:0}.profile-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,max-content);align-items:end;gap:.75rem;display:grid}.profile-toolbar select{width:100%;min-width:0}.profile-toolbar button{overflow-wrap:anywhere;min-width:0}@media (width<=480px){.profile-toolbar{gap:.4rem}.profile-toolbar button{padding-inline:.55rem}}.profile-limit{margin-block:.45rem 0;font-size:.9rem}.account-tabs{margin-block:1rem}.parent-start-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.85rem;display:grid}.parent-start-options>div{align-content:space-between;justify-items:start;gap:.85rem;margin:0;display:grid}.parent-start-options p{margin:0}.guide pre{white-space:pre-wrap}.nearby-weeks,.past-weeks ul{padding:0;list-style:none}.nearby-weeks{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.65rem;margin:0 0 1rem;display:grid}.nearby-weeks li{border:1px solid #dedbc9;border-radius:.75rem;align-content:start;gap:.4rem;padding:.8rem;display:grid}.nearby-weeks .current-week{background:#e8eee2;border-color:#397858}.nearby-weeks h3,.nearby-weeks p{margin:0}.nearby-weeks h3 span,.nearby-weeks p,.past-weeks button span{font-size:.85rem}.nearby-weeks button{justify-self:start;margin-top:.2rem}.past-weeks h3{margin:0 0 .45rem}.past-weeks ul{gap:.35rem;margin:0 0 1rem;display:grid}.past-weeks button{text-align:start;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;width:100%;display:flex}.past-weeks button span:last-child{margin-inline-start:auto}.full-week-calendar{margin-bottom:1rem}.full-week-calendar summary{cursor:pointer;width:fit-content;padding-block:.4rem;font-weight:800}.week-calendar-controls{margin:.4rem 0 .6rem;display:flex}.week-calendar{font-variant-numeric:tabular-nums;grid-template-columns:repeat(auto-fill,minmax(min(100%,6rem),1fr));gap:.35rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.week-calendar li{text-align:center;border:1px solid #dedbc9;border-radius:.65rem;grid-template-rows:auto 1fr auto;min-width:0;display:grid}.week-calendar .selected-week{background:#e8eee2;border-color:#397858}.week-calendar .week-cell-dates{border-block:1px solid #dedbc9;padding:.25rem .18rem;font-size:.76rem;line-height:1.25}.week-calendar time{white-space:nowrap}.week-cell-count{padding:.2rem;font-size:.85rem;font-weight:800}.week-table-button{white-space:nowrap;border:0;border-radius:.6rem .6rem 0 0;width:100%;min-height:2.25rem;padding:.25rem .18rem;font-size:.85rem}.week-table-button[aria-pressed=true]{background:#e8eee2}.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}.word-library{margin-block:.85rem 1.5rem}.library-feedback:empty{margin:0}.library-list{gap:.45rem;margin-block:.75rem 0;padding:0;list-style:none;display:grid}.library-row{border:1px solid #dedbc9;border-radius:.75rem;padding:.55rem .75rem}.library-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .8rem;display:flex}.library-details-button{text-align:start;color:inherit;background:0 0;border:0;padding-inline:.15rem}.library-details-button:before{content:"▸";margin-inline-end:.35rem;display:inline-block}.library-details-button[aria-expanded=true]:before{transform:rotate(90deg)}.library-row .actions{flex-wrap:wrap}.library-week-picker{flex-wrap:wrap;align-items:end;gap:.6rem;margin-block:.65rem .3rem;display:flex}.new-word-examples{gap:.45rem;margin-block:0}.new-word-examples .panel-head{flex-wrap:wrap;justify-content:flex-start;gap:.35rem .75rem;margin:0}.new-word-examples h3,.new-word-examples>p{margin:0}.new-word-examples>p{font-size:.9rem}.word-library textarea{resize:vertical;width:100%;font:inherit;color:inherit;background:#fffdf5;border:1px solid #9da99b;border-radius:.7rem;padding:.55rem .7rem}.library-review-status{margin-inline-end:.65rem;font-weight:750}.library-word-pair,.library-word-with-audio,.library-example-label{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.library-word-with-audio>span{overflow-wrap:anywhere}.library-word-pair{column-gap:.65rem;min-width:0}.library-word-with-audio{min-width:0}.library-example-field{align-content:start;gap:.25rem;display:grid}.library-play{flex-shrink:0;place-items:center;min-width:44px;min-height:44px;padding:.25rem;display:inline-grid}.library-audio-status{white-space:nowrap}.word-illustration{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.word-illustration h4,.word-illustration .field-stack{margin:0}.word-illustration .field-stack{gap:.35rem}.word-illustration .draft-image{object-fit:contain;width:6rem;height:6rem}
