:root{font-family:Georgia,Times New Roman,serif;color:#253126;background:#f4f6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}.shell{max-width:820px;min-height:100vh;margin:auto;padding:48px 24px 64px}.hero{padding:10px 4px 30px}.eyebrow{color:#71806c;font:700 .7rem/1.2 Arial,sans-serif;letter-spacing:.16em}h1{max-width:650px;margin:12px 0;font-size:clamp(2.4rem,8vw,4.4rem);line-height:.98;letter-spacing:-.055em}h2{margin:0;font-size:1.5rem;letter-spacing:-.02em}p{margin:0;color:#697268;font:1.05rem/1.5 Arial,sans-serif}.welcome-card{display:flex;align-items:center;gap:16px;padding:20px 22px;background:linear-gradient(135deg,#e4ebd9,#eaf0e2);border:1px solid #d6e1ce;border-radius:22px}.welcome-icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;background:#faf5df;border-radius:50%;font-size:1.6rem}.welcome-card strong,.welcome-card span{display:block;font-family:Arial,sans-serif}.welcome-card strong{font-size:1.05rem}.welcome-card span{margin-top:4px;color:#687264;font-size:.88rem}.arabic-home{display:block;margin-top:4px;color:#687264;font:.82rem/1.45 Arial,sans-serif}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 2px 16px}.section-heading>span{color:#7b8577;font:.76rem Arial,sans-serif}.section-heading .arabic-home{margin-top:5px;font-size:.86rem}.level-tabs{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;padding-bottom:2px}.level-tab{display:flex;flex-direction:column;gap:3px;min-width:92px;padding:9px 12px;color:#61705d;background:#fffefa;border:1px solid #dce5d7;border-radius:11px;text-align:left}.level-tab strong{font:700 .76rem Arial,sans-serif}.level-tab small{font:.72rem Arial,sans-serif}.level-tab.active{color:#fff;background:#526d49;border-color:#526d49}.level-tab.active small{color:#e3eddc}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lesson-card{position:relative;display:flex;align-items:flex-start;gap:14px;min-height:142px;padding:18px;color:#253126;text-align:left;background:#fffefa;border:1px solid #e0e6d9;border-radius:18px;box-shadow:0 3px 12px #5260480a;transition:transform .15s,box-shadow .15s,border-color .15s}.lesson-card:hover{border-color:#bfd0b7;box-shadow:0 10px 24px #52604818;transform:translateY(-2px)}.lesson-card>span:nth-child(2){min-width:0;padding-right:12px}.lesson-card strong,.lesson-card small{display:block;font-family:Arial,sans-serif}.lesson-card strong{font-size:1rem}.lesson-card small{margin-top:6px;color:#727c70;font-size:.79rem;line-height:1.4}.lesson-card small.arabic-home{margin-top:3px;font-size:.78rem}.lesson-emoji{flex:0 0 auto;font-size:1.8rem;line-height:1}.check{position:absolute;top:12px;right:12px;padding:4px 6px;color:#fff;background:#789167;border-radius:50%;font:.7rem Arial}.tip{margin:28px 4px 0;font-size:.88rem}.tip+.tip{margin-top:3px}.back-button{padding:0;color:#667260;background:none;border:0;font:.88rem Arial,sans-serif}.conversation-header{display:flex;align-items:center;gap:15px;margin:34px 0 18px}.conversation-header h1{margin:5px 0 0;font-size:2.3rem}.arabic-title{display:block;margin-top:5px;color:#687264;font:.95rem Arial,sans-serif}.question-button,.translation-toggle{color:#53684c;background:#e8efdf;border:1px solid #d2dfc9;border-radius:11px;font:700 .76rem Arial,sans-serif}.question-button{margin-left:auto;padding:10px 12px}.translation-toggle{margin:0 0 22px;padding:9px 12px;background:#fffefa}.translation-toggle:hover,.question-button:hover{background:#dce8d3}.chat{display:flex;flex-direction:column;gap:18px}.message-row{display:flex;align-items:flex-end;gap:9px}.message-row.learner{flex-direction:row-reverse}.avatar{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;background:#e4ebd9;border-radius:50%;font-size:1.2rem}.message-bubble{max-width:min(78%,570px);padding:15px 17px;background:#fffefa;border:1px solid #e0e6d9;border-radius:18px 18px 18px 5px;box-shadow:0 3px 10px #52604808;font:1rem/1.45 Arial,sans-serif}.message-bubble>span:first-child{display:block}.learner .message-bubble{background:#dce8d3;border-color:#cbdcc2;border-radius:18px 18px 5px}.arabic-translation{display:block;margin-top:9px;padding-top:8px;color:#697268;border-top:1px solid #e2e8de;font:.92rem/1.5 Arial,sans-serif}.listen-again{display:block;margin-top:11px;padding:0;color:#628056;background:none;border:0;font:700 .72rem Arial,sans-serif}.listen-again:hover{color:#3f5638;text-decoration:underline}.thinking{margin-left:48px;color:#7b8577;font:italic .85rem Arial,sans-serif}.completion-card{display:flex;flex-direction:column;gap:5px;margin:4px 0 0 48px;padding:15px 17px;color:#3f5638;background:#e4ebd9;border:1px solid #cddbc4;border-radius:14px;font:.95rem/1.4 Arial,sans-serif}.completion-card span{color:#687264;font-size:.9rem}.notice,.correction-card{margin-top:16px;padding:14px 16px;border-radius:14px;font:.86rem/1.4 Arial,sans-serif}.notice{color:#784d2d;background:#fff1e4;border:1px solid #f0d3b5}.correction-card{display:flex;flex-wrap:wrap;gap:4px 10px;color:#3f5638;background:#eef3e8;border:1px solid #cddbc4}.correction-card strong,.correction-card>span{width:100%}.correction-card strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.correction-card>span{font-size:.98rem;font-weight:700}.correction-card .heard-answer{color:#697268;font-size:.86rem;font-weight:400}.correction-card .arabic-translation{padding-top:7px;color:#697268;border-top:0;font-weight:400}.correction-card .listen-again{width:fit-content}.answer-box{margin-top:28px;padding:19px;background:#fffefa;border:1px solid #e0e6d9;border-radius:20px;box-shadow:0 5px 18px #5260480a}.answer-box label{display:block;margin-bottom:8px;font:700 .78rem Arial,sans-serif}textarea{display:block;width:100%;padding:13px;color:#253126;background:#f8faf4;border:1px solid #dce4d5;border-radius:12px;font:1rem/1.4 Arial,sans-serif;resize:vertical}textarea:focus{outline:2px solid #a9c099;border-color:transparent}.answer-actions{display:flex;gap:10px;margin-top:12px}.mic-button,.send-button{padding:13px 16px;border:0;border-radius:12px;font:700 .9rem Arial,sans-serif}.mic-button{color:#3f5638;background:#e4ebd9}.mic-button.active{color:#572e24;background:#dfb8a6}.mic-button span{margin-right:7px}.send-button{flex:1;color:#fff;background:#526d49}.show-answer-button{margin-top:12px;padding:7px 0;color:#6c8061;background:none;border:0;font:.78rem Arial,sans-serif}.show-answer-button:hover{color:#3f5638;text-decoration:underline}button:disabled{cursor:not-allowed;opacity:.5}.browser-note{display:block;margin-top:12px;color:#7b8577;font:.72rem Arial,sans-serif}.language-label{display:inline-block;margin:14px 8px 0 0;color:#697268;font:.74rem Arial,sans-serif}select{padding:6px 8px;color:#53684c;background:#f8faf4;border:1px solid #dce4d5;border-radius:8px;font:.74rem Arial,sans-serif}@media(max-width:560px){.shell{padding:30px 16px 44px}.lesson-grid{grid-template-columns:1fr}.lesson-card{min-height:116px}.conversation-header{flex-wrap:wrap}.conversation-header h1{font-size:2rem}.question-button{margin-left:0}.message-bubble{max-width:calc(100% - 46px)}.answer-actions{flex-direction:column}}