@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#183b35;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d49e32;outline-offset:4px}header{height:108px;border-bottom:1px solid #e0e6df;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;font-family:Manrope,sans-serif;font-weight:800;font-size:21px}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:1.7px;margin-top:7px}.logo{position:relative;display:grid;place-items:center;background:#193f37;color:#f4d47c;width:48px;height:48px;border-radius:13px;font-family:Georgia,serif;font-size:32px}.logo span{position:absolute;font-size:15px;top:0;right:2px}.quiet{background:white;border:1px solid #d8dfd8;padding:12px 18px;border-radius:9px;color:#314b42;font-size:14px}main{max-width:1260px;margin:auto;padding:44px 42px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#758279}h1{font-family:Manrope,sans-serif;font-size:42px;font-weight:700;line-height:1.2;letter-spacing:-1.8px;margin:14px 0 0}h1 em{font-style:normal;color:#7b8e78}.intro p{color:#758077;line-height:1.8;font-size:15px}.workspace{display:grid;grid-template-columns:1.45fr 1fr;gap:26px}.translator{background:white;border:1px solid #dfe5dc;border-radius:20px;padding:27px 29px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h2{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px;margin:0}.pill{font-size:10px;letter-spacing:1px;background:#f0f3ee;border-radius:5px;padding:7px 9px;font-weight:700;color:#6f7c70}.languages{display:flex;gap:12px;align-items:center}.languages label{flex:1;min-width:0;background:#f7f8f5;border:1px solid #e3e7df;border-radius:10px;padding:12px 14px;font-size:12px;color:#768276}.languages select{display:block;border:0;background:transparent;width:100%;font-size:16px;font-weight:600;margin-top:7px;color:#233d35}.languages button{background:white;border:1px solid #e1e7de;border-radius:50%;width:36px;height:36px;color:#54725e;font-size:23px}.speak-area{text-align:center;padding:34px 0 18px}.mic-ring{display:inline-flex;padding:15px;border:1px solid #e2e8de;border-radius:50%;box-shadow:0 0 0 12px #f8faf6}#mic{border:0;background:#204c40;color:white;border-radius:50%;width:112px;height:112px;box-shadow:0 8px 20px #244e4024;transition:.2s}#mic:hover{background:#306b55;transform:scale(1.035)}#mic svg{width:43px;height:43px}.recording #mic{background:#b94939;animation:pulse 1s infinite}.speak-area h3{font-size:19px;margin:24px 0 7px}.speak-area p{color:#7b8279;font-size:14px;margin:0}.sound{height:24px;display:flex;gap:4px;justify-content:center;align-items:center;margin-top:12px}.sound i{height:6px;width:3px;background:#c7d5c4;border-radius:8px}.sound i:nth-child(3n){height:15px}.sound i:nth-child(2n){height:10px}.recording .sound i{animation:pulse .6s infinite alternate;background:#b94939}.text-box{border:1px solid #e1e6dd;border-radius:11px;padding:15px}.text-box label,.result-head{font-size:11px;letter-spacing:1.3px;color:#66806d;font-weight:700}.text-box label span{float:right;text-transform:none;font-size:12px;letter-spacing:0;font-weight:400;color:#8b938a}textarea{display:block;resize:vertical;border:0;width:100%;background:transparent;margin:14px 0 5px;color:#223f36;font-size:17px;line-height:1.5;min-height:63px}textarea::placeholder{color:#9ba498}.input-bottom{display:flex;align-items:center;justify-content:space-between}.input-bottom>span{font-size:11px;color:#8c9689}.primary{border:0;background:#224d40;color:white;border-radius:7px;padding:10px 16px;font-size:14px}.primary span{margin-left:12px}.result{background:#f1f5ed;border-radius:11px;padding:15px 17px;margin-top:15px;min-height:104px}.result-head{display:flex;align-items:center;justify-content:space-between}.result-head button{border:0;background:#e4ecde;border-radius:6px;width:29px;height:28px;color:#34543d}#output{font-size:19px;line-height:1.5;margin:12px 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}.privacy{font-size:11px;color:#8b9385;line-height:1.6;margin:16px 2px 0}.privacy a{color:inherit}#status{font-size:14px;color:#a04934;margin-top:10px}aside{display:flex;flex-direction:column;gap:22px}.daily{background:#e8efdf;border:1px solid #dee5d5;border-radius:20px;padding:27px 28px;position:relative;overflow:hidden}.daily-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:1px;color:#6f825a;font-weight:700}.daily h2{font-size:30px;line-height:1.25;margin:24px 0;letter-spacing:-1px}.category{background:#dbe7cc;display:inline-block;border-radius:5px;font-size:11px;padding:6px 10px;color:#567146}blockquote{font-size:26px;font-weight:500;line-height:1.4;margin:15px 0 11px;letter-spacing:-.5px}.daily>p{font-size:17px;line-height:1.7;color:#65745d;margin:0 0 25px;min-height:30px}.daily-actions{display:flex;justify-content:space-between;align-items:center}.daily-actions button{border:0;background:none;font-size:14px;color:#31523b;padding:0;font-weight:600}.daily-actions button:last-child{background:#fff9;width:38px;height:38px;border-radius:50%}.daily-footer{border-top:1px solid #cfdbc4;padding-top:18px;margin-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#7b8c6b}.daily-footer button{background:none;border:0;color:#5c7450;font-size:12px}.reminders{border:1px solid #e2e5db;border-radius:20px;padding:25px 28px;background:#fff}.reminder-icon{background:#fbefd3;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:26px;color:#987423;margin-bottom:15px}.reminders h2{font-size:21px;line-height:1.4}.reminders>p{font-size:14px;color:#7e877b;line-height:1.6}.reminders label{font-size:12px;color:#70816d}.time-row{display:flex;gap:10px;margin-top:8px}.time-row input{min-width:0;flex:1;border:1px solid #dde4d7;border-radius:7px;padding:8px;background:#fafbf8;color:#38533b}#reminderStatus{font-size:12px;margin-bottom:0}#disable{background:none;border:0;color:#9b4a38;margin-top:12px;padding:0}footer{display:flex;justify-content:space-between;font-size:12px;color:#8b9587;padding:27px 0 30px}footer span:first-child{font-weight:600}@keyframes pulse{50%{opacity:.65;transform:scale(1.05)}}@media(max-width:800px){header{height:85px;padding:0 20px}.brand{font-size:17px}.brand small{font-size:8px;letter-spacing:1px}.quiet span{display:none}main{padding:30px 18px 0}.intro{margin-bottom:27px}.intro p{display:none}h1{font-size:33px}.workspace{grid-template-columns:1fr}.translator{padding:23px 19px}.daily,.reminders{padding:26px}.eyebrow{font-size:9px;letter-spacing:1.7px}.privacy{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.daily .daily-caption{font-size:14px;margin:0 0 12px}.phrase-list{padding:0;list-style:none;counter-reset:phrase;margin:0}.phrase-list li{counter-increment:phrase;border-top:1px solid #cedcc3;padding:18px 0 18px 35px;position:relative}.phrase-list li:before{content:counter(phrase,decimal-leading-zero);position:absolute;left:0;top:21px;color:#728660;font-size:13px}.phrase-category{font-size:12px;color:#61774f}.phrase-list h3{font-size:18px;line-height:1.5;margin:5px 0;font-weight:600}.phrase-list p{font-size:16px;line-height:1.6;margin:5px 0 10px;color:#586c4a}.phrase-actions{display:flex;gap:18px}.phrase-actions button{border:0;background:transparent;padding:3px 0;color:#31523b;font-size:14px}.daily h2{margin-bottom:12px}.daily-footer{gap:15px;flex-wrap:wrap}
[hidden]{display:none!important}.brand-owl{width:64px;height:64px;object-fit:cover;border-radius:50%;border:1px solid #e1dec9}.app-tabs{display:flex;gap:8px;border-bottom:1px solid #dce3d7;margin-bottom:26px;overflow-x:auto;padding-bottom:0}.app-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:#73816a;padding:15px 18px;font-size:15px;white-space:nowrap}.app-tabs button[aria-selected=true]{color:#244d3f;border-bottom-color:#244d3f;font-weight:700}.learning-panel{background:#fff;border:1px solid #dfe5dc;border-radius:20px;padding:30px}.panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.panel-heading h2{font-size:29px;margin:12px 0}.panel-heading p{color:#75816e;font-size:16px;line-height:1.6;margin:0}.panel-note{font-size:13px;color:#75816e;line-height:1.6;margin-top:25px}.word-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;margin:0}.word-grid li{border:1px solid #dce5d3;background:#f6f8f1;padding:23px;border-radius:12px}.word-number{font-size:13px;color:#91a07f}.word-grid h3{font-size:25px;line-height:1.4;margin:10px 0;color:#294b38}.word-meaning{font-size:19px;color:#667958;margin:7px 0}.word-example{font-size:16px;line-height:1.6;min-height:76px;color:#687361}.word-grid button{font-size:14px;padding:8px 12px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-card{border:1px solid #dee5d7;border-radius:12px;overflow:hidden;padding-bottom:22px}.video-card iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#193f37}.video-card h3{font-size:19px;line-height:1.5;padding:0 20px}.video-card a{color:#315841;font-size:14px;margin:0 20px}.video-form{max-width:640px;display:flex;flex-direction:column;gap:12px}.video-form label{font-size:14px;font-weight:600}.video-form input{font-size:16px;padding:13px;border:1px solid #dce3d5;border-radius:8px;color:#274938;width:100%}.video-form button{align-self:flex-start;font-size:16px;margin-top:5px}.video-form p{font-size:14px;line-height:1.6}.manage-list{margin-top:20px;max-width:760px}.manage-row{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #e2e8dc;padding:20px 0;font-size:16px}.remove-video{border:1px solid #e8cfc8;border-radius:7px;color:#974d3b;background:#fff;padding:9px 14px;font-size:14px}@media(max-width:800px){.brand-owl{width:48px;height:48px}.learning-panel{padding:22px 18px}.panel-heading h2{font-size:25px}.panel-heading>.pill{display:none}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{grid-template-columns:1fr}.app-tabs{gap:0}.app-tabs button{font-size:14px;padding:13px 12px}}@media(max-width:500px){.word-grid{grid-template-columns:1fr}.word-example{min-height:0}.intro h1{font-size:30px}}
.quiz-form{max-width:760px}.quiz-count{font-size:14px;color:#6d8064}.quiz-form fieldset{border:1px solid #dce5d4;border-radius:12px;padding:20px;margin:24px 0}.quiz-form legend{font-size:18px;font-weight:600;line-height:1.6;padding:0 8px;max-width:100%}.quiz-option{display:flex;gap:12px;align-items:center;padding:13px;border-radius:8px;background:#f6f8f1;margin:9px 0;cursor:pointer;font-size:16px;line-height:1.6}.quiz-option:has(input:checked){background:#e3eed6;outline:1px solid #829b6d}.quiz-option input{width:18px;height:18px;flex-shrink:0;accent-color:#294d3e}.quiz-feedback{max-width:760px;line-height:1.7}.answer-feedback{padding:16px;border-left:3px solid #b38d47;background:#faf5e9;margin:12px 0;border-radius:6px}.answer-feedback.correct{border-color:#50784d;background:#eef5e8}.answer-feedback p{margin-bottom:0}.progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.progress-metrics>div{background:#edf3e5;padding:24px;border-radius:12px}.progress-metrics strong{display:block;font-size:34px;margin-bottom:9px}.progress-metrics span{font-size:14px;color:#647759}.progress-history{list-style:none;padding:0}.progress-history li{padding:16px 0;border-bottom:1px solid #e2e7dc;display:flex;justify-content:space-between;gap:15px;font-size:16px}.video-practice{display:block;margin:20px 20px 0}.video-quiz{padding:0 20px}.video-quiz fieldset{padding:12px}.video-quiz legend{font-size:16px}.video-quiz .quiz-option{font-size:15px}#questionEditor{margin:30px 0;background:#f5f8ef;border-radius:12px;padding:22px;max-width:780px}#questionEditor p{font-size:14px;line-height:1.6}.editor-question{border:1px solid #cfdcc4;border-radius:8px;padding:18px;margin:20px 0}.editor-question label{display:block;font-size:14px;margin:10px 0}.editor-question input,.editor-question select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #d4dfca;border-radius:6px;background:white;font-size:16px}.manage-row{flex-wrap:wrap}.manage-row>span{flex:1;min-width:180px}@media(max-width:600px){.progress-metrics{grid-template-columns:1fr}.progress-metrics>div{padding:18px}.quiz-form fieldset{padding:12px}.quiz-form legend{font-size:16px}.quiz-option{padding:10px}.video-grid{display:block}.video-card{margin-bottom:20px}}
.blank-quiz{max-width:900px;margin:auto}.blank-quiz fieldset{border:1px solid #dce5d5;border-radius:24px;background:#fff;padding:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:35px 0;box-shadow:0 8px 25px #26463008}.blank-quiz legend{float:left;width:100%;grid-column:1/-1;font-family:Manrope,sans-serif;font-size:clamp(23px,3vw,37px);font-weight:800;line-height:1.5;letter-spacing:-.6px;text-align:center;padding:0;margin:8px 0 15px;overflow-wrap:anywhere}.blank-quiz .blank-hint{grid-column:1/-1;grid-row:1;font-size:14px;letter-spacing:1px;text-transform:uppercase;text-align:center;color:#607354;margin:0}.blank-quiz .quiz-option{position:relative;justify-content:center;align-items:center;min-height:75px;margin:0;padding:18px 12px;border:3px solid transparent;font-size:clamp(18px,2.3vw,25px);font-weight:700;border-radius:16px;text-align:center;color:#153b27;background:#b1e9c0;overflow-wrap:anywhere}.blank-quiz .quiz-option:nth-of-type(2){background:#ffe07b;color:#513a06}.blank-quiz .quiz-option:nth-of-type(3){background:#a9dffc;color:#143e57}.blank-quiz .quiz-option input{position:absolute;opacity:0;width:1px;height:1px}.blank-quiz .quiz-option:has(input:checked){border-color:#193f37;outline:0;box-shadow:0 0 0 3px #fff inset}.blank-quiz .quiz-option:has(input:checked)::after{content:'✓';position:absolute;right:7px;top:1px;font-size:17px}.blank-quiz .quiz-option:has(input:focus-visible){outline:3px solid #193f37;outline-offset:4px}.blank-quiz .quiz-option:has(input:disabled){cursor:default}.blank-quiz>.primary{font-size:18px;padding:15px 30px;display:block;margin:0 auto}#panel-challenge{background:#f2f6ec}#panel-challenge .quiz-feedback{margin:25px auto}@media(max-width:600px){.blank-quiz fieldset{padding:22px 14px;gap:9px;border-radius:18px}.blank-quiz .quiz-option{padding:16px 7px;font-size:16px;min-height:68px;border-radius:12px}.blank-quiz legend{font-size:24px}#panel-challenge .panel-heading h2{font-size:25px}}
.account-controls{display:flex;gap:12px;align-items:center}.account-controls a{text-decoration:none}.account-controls>span{font-size:13px;color:#74836c}.sign-in-link{display:inline-block;text-decoration:none;margin:12px 0}.save-score{padding:20px;background:#eaf3de;border-radius:12px;margin:20px 0}.save-score p{margin:8px 0}.save-word{margin-left:8px}.save-word-signin{font-size:13px}.saved-word-row{border:1px solid #dce5d5;border-radius:10px;padding:18px;margin:14px 0}.saved-word-row p{line-height:1.6}.saved-word-row button{margin-right:10px}.usage-settings{margin-top:26px;font-size:14px;line-height:1.7;color:#64705f}.usage-settings summary{cursor:pointer}.usage-settings p{max-width:850px}.usage-settings button{margin:6px 8px 4px 0}#personalReview{margin-top:35px}#personalReview h3{margin-top:30px}.account-controls #accountLink{font-size:14px;padding:10px 12px}@media(max-width:950px){.account-controls>span{display:none}.brand small{display:none}}@media(max-width:600px){header{height:auto;min-height:90px;flex-wrap:wrap;gap:12px;padding-top:15px;padding-bottom:15px}.account-controls{margin-left:auto}.account-controls #accountLink{font-size:13px}.account-controls #reminderTop{padding:10px}.saved-word-row strong{line-height:1.6}}

.reel-placeholder{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#edf3e5;gap:18px}.reel-placeholder strong{font-size:24px}.reel-placeholder p{font-size:16px;line-height:1.6;max-width:320px;margin:0}.video-card iframe.reel-frame{aspect-ratio:9/16;max-width:400px;margin:auto;background:#fff}.facebook-card{align-self:start}
