:root{--ink:#17231f;--muted:#73817c;--cream:#f8f8f3;--green:#276c55;--mint:#dceee5;--line:#e4e9e4}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,sans-serif}.shell{max-width:1180px;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.brand{align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.brand img{object-fit:cover;object-position:center 28%;border-radius:10px;width:52px;height:43px}.brand span span{color:var(--green)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:calc(100vh - 120px);display:grid}.eyebrow{color:var(--green);letter-spacing:1px;font-size:12px;font-weight:700}.hero h1{margin:15px 0;font-size:58px;line-height:1.2}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:var(--muted);font-size:16px;line-height:2}.actions{align-items:center;gap:16px;margin-top:28px;display:flex}.button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:14px 20px;font-weight:700}.link{color:var(--green);font-weight:700;text-decoration:none}.visual{background:var(--mint);border-radius:36px;place-items:center;height:460px;display:grid;overflow:hidden}.visual img{object-fit:contain;border-radius:25px;width:82%;max-height:360px}@media (max-width:800px){.hero{grid-template-columns:1fr;gap:20px;padding:45px 0}.hero h1{font-size:44px}.visual{height:330px}}
form{gap:12px;max-width:560px;display:grid}.answer{text-align:right;border:1px solid var(--line);cursor:pointer;width:100%;font:inherit;background:#fff;border-radius:10px;padding:15px;display:block}.answer.selected,.answer:hover{border-color:var(--green);background:var(--mint)}.lesson-list{padding:20px 0 70px}.lesson-list h2{font-size:22px}.lesson-card{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;gap:5px;margin:10px 0;padding:18px;text-decoration:none;display:flex}.lesson-card:hover{border-color:var(--green)}.lesson-card span{color:var(--muted);font-size:13px}
.auth-page{text-align:center;max-width:560px;margin:0 auto;padding:90px 0}.auth-page h1{margin:12px 0;font-size:38px}.auth-page>p{color:var(--muted);margin-bottom:30px}.auth-choice{gap:14px;max-width:360px;margin:30px auto;display:grid}.secondary{color:var(--green)!important;border:1px solid var(--green)!important;box-shadow:none!important;background:#fff!important}.back-link{margin-top:30px;display:inline-block}.back-button{color:var(--green);cursor:pointer;font:inherit;background:0 0;border:0;margin-bottom:35px;display:block}.auth-page form{text-align:right;margin:25px auto 0}.auth-page form input,.auth-page form select{width:100%}.auth-page form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.auth-page form select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:10px;padding:14px}.brand-centered{color:var(--ink);justify-content:center;margin-bottom:42px;font-size:22px;text-decoration:none}.brand-centered span span{color:var(--green)}.switch-text{font-size:13px;margin-top:25px!important}.header-actions{align-items:center;gap:18px;display:flex}.small-button{padding:9px 14px;font-size:12px}.wide-auth{max-width:650px}.success-mark{background:var(--mint);width:62px;height:62px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 20px;font-size:34px;font-weight:700;display:grid}.forgot-link{margin:10px 0 18px;font-size:13px;display:block}.success-text{font-weight:700;color:var(--green)!important}.profile-page{max-width:760px;margin:0 auto;padding:60px 0}.profile-page h1{margin:10px 0;font-size:42px}.muted-text{color:var(--muted);line-height:1.8}.profile-summary{background:var(--mint);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:28px 0;padding:22px;display:flex}.profile-summary span{color:var(--muted);direction:ltr}.profile-form{text-align:right;grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-form label{color:var(--muted);gap:7px;font-size:13px;display:grid}.profile-form input,.profile-form select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:14px}.profile-form input[readonly]{color:var(--muted);background:#f0f2ee}.profile-form .button,.profile-form p{grid-column:1/-1}@media (max-width:650px){.profile-page{padding:35px 0}.profile-page h1{font-size:32px}.profile-form{grid-template-columns:1fr}.profile-summary{flex-direction:column;align-items:flex-start}.profile-form .button,.profile-form p{grid-column:auto}}.auth-ltr{direction:ltr}.auth-ltr form{text-align:left}.auth-ltr form input,.auth-ltr form select{text-align:left;direction:ltr}.auth-ltr .back-button{margin-right:auto}.auth-ltr .review-button{direction:ltr}.auth-ltr .auth-code{font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center!important}.auth-note{color:var(--muted);font-size:13px;line-height:1.7}.auth-error{color:brown!important}.auth-success{font-weight:700;color:var(--green)!important}
.dashboard-hero{justify-content:space-between;align-items:center;gap:25px;padding:70px 0 35px;display:flex}.dashboard-hero h1{margin:10px 0;font-size:42px}.dashboard-hero p{color:var(--muted)}.test-reminder{background:var(--mint);color:var(--green);border-radius:14px;padding:18px 22px;font-weight:700;text-decoration:none}.test-reminder small{font-weight:400}.action-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.action-card{min-height:190px;color:var(--ink);border-radius:18px;flex-direction:column;gap:10px;padding:25px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.action-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #123c2b18}.action-card span{font-size:28px}.action-card strong{font-size:20px;line-height:1.45}.action-card small{color:#557268;line-height:1.8}.action-card.lessons{background:#e0f1e8}.action-card.darija{background:#dff4f1}.action-card.teachers{background:#fff0db}.action-card.tutor{background:#e5e0f4}.action-card.opi{background:linear-gradient(145deg,#fff5d9,#f5dfaa);border:1px solid #e8b94d}.action-card.opi span{color:#b47705}.profile-button{color:var(--green);align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.profile-avatar{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.profile-button-text{display:inline-block}@media (max-width:1050px){.action-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.dashboard-hero{padding:45px 0 25px;display:block}.dashboard-hero h1{font-size:34px}.test-reminder{margin-top:20px;display:inline-block}.action-grid{grid-template-columns:1fr}.profile-button-text{display:none}}
:root{--terracotta:#b85c43;--saffron:#e6a33a;--teal:#258579}body{background:#fbfaf6 radial-gradient(#b85c4310 1px,#0000 1px) 0 0/18px 18px}.topbar{position:relative}.topbar:after{content:"";background:repeating-linear-gradient(90deg,var(--teal) 0 18px,var(--saffron) 18px 36px,var(--terracotta) 36px 54px);height:3px;position:absolute;inset:auto 0 -3px}.dashboard-hero{position:relative;overflow:hidden}.dashboard-hero:before{content:"";opacity:.16;background:conic-gradient(from 45deg,var(--teal) 0 25%,transparent 25% 50%,var(--saffron) 50% 75%,transparent 75%);pointer-events:none;background-size:46px 46px;width:230px;height:230px;position:absolute;top:20px;left:-80px;transform:rotate(45deg)}.dashboard-hero>*{z-index:1;position:relative}.action-card{border:1px solid #fff;box-shadow:0 14px 28px #173d5a12}.action-card:after{content:"◆ ◇ ◆";color:currentColor;opacity:.14;position:absolute;bottom:18px;left:18px}.action-card.lessons{background:linear-gradient(135deg,#dff4e9,#cde9e1)}.action-card.teachers{background:linear-gradient(135deg,#fff1d9,#f8dcc0)}.action-card.tutor{background:linear-gradient(135deg,#e8e2f6,#d9d4ed)}.levels-page{padding:65px 0}.levels-heading{text-align:center;max-width:660px;margin:0 auto 35px}.levels-heading h1{margin:8px 0;font-size:42px}.levels-heading p{color:var(--muted);line-height:1.9}.levels-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.level-card{min-height:220px;color:var(--ink);border-radius:20px;padding:26px;text-decoration:none;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 14px 28px #173d5a12}.level-card:hover{transform:translateY(-6px)}.level-card h2{margin:0;font-size:37px}.level-card strong,.level-card small{z-index:1;display:block;position:relative}.level-card strong{margin:12px 0 6px;font-size:19px}.level-card small{color:#557268;line-height:1.7}.a1{background:#dff3e9}.a2{background:#ffecd2}.b1{background:#e7e0f4}.level-page{padding:55px 0}.level-head{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.level-head h1{margin:8px 0;font-size:40px}.level-head p{color:var(--muted)}.category-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.category-card{border:1px solid var(--line);min-height:160px;color:var(--ink);cursor:pointer;text-align:right;background:#fff;border-radius:15px;padding:18px}.category-card.done{background:#e4f3eb;border-color:#86c6ab}.category-card .category-icon{font-size:28px}.category-card strong,.category-card small{display:block}.category-card strong{margin:15px 0 6px}.category-card small{color:var(--muted);line-height:1.5}.level-footer{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-top:30px;padding:22px;display:flex}.exam-button{background:var(--green);color:#fff;border-radius:10px;padding:13px 20px;font-weight:700;text-decoration:none}.exam-button.disabled{color:#74857d;pointer-events:none;background:#cbd6d0}.exam-note{color:var(--muted);font-size:13px}@media (max-width:900px){.levels-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.level-head,.level-footer{display:block}.exam-button{margin-top:15px;display:inline-block}}@media (max-width:520px){.category-grid{grid-template-columns:1fr}.levels-heading h1{font-size:33px}}
.action-card.opi{position:relative}.opi-page,.mock-page{padding:55px 0 80px}.opi-page h1,.mock-page h1{max-width:780px;margin:12px 0;font-size:42px}.lead{max-width:760px;color:var(--muted);font-size:18px;line-height:2}.opi-options{grid-template-columns:repeat(2,1fr);gap:18px;margin:35px 0;display:grid}.opi-option{min-height:220px;color:var(--ink);border-radius:22px;flex-direction:column;gap:12px;padding:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 28px #173d5a12}.opi-option:hover{transform:translateY(-5px);box-shadow:0 18px 34px #173d5a1c}.opi-option span{font-size:34px}.opi-option strong{font-size:23px}.opi-option small{color:#557268;line-height:1.9}.opi-option b{color:var(--green);margin-top:auto}.opi-option.lessons{background:linear-gradient(135deg,#e2f4e9,#cce9dd)}.opi-option.booking{background:linear-gradient(135deg,#fff2d6,#f7dbad)}.opi-info,.booking-card,.teacher-bio{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px;box-shadow:0 12px 25px #173d5a0b}.opi-info h2,.teacher-bio h2,.booking-card h2{margin-top:0}.opi-info p,.teacher-bio p{color:var(--muted);line-height:1.9}.opi-facts{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.opi-facts div{background:#f6f3ea;border-radius:14px;padding:15px}.opi-facts b,.opi-facts span{display:block}.opi-facts b{color:var(--green);margin-bottom:7px}.opi-facts span{color:var(--muted);font-size:14px}.mock-layout{grid-template-columns:260px 1fr;align-items:start;gap:35px;margin-top:25px;display:grid}.teacher-photo-wrap{background:#eee;border-radius:24px;overflow:hidden;box-shadow:0 14px 28px #173d5a18}.teacher-photo{object-fit:cover;object-position:center top;width:100%;height:330px;display:block}.booking-card{max-width:680px;margin-top:25px}.booking-card p{color:var(--muted);line-height:1.9}.primary-button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:11px;margin-top:10px;padding:14px 20px;font-weight:700}.teacher-bio{margin-top:30px}.teacher-bio p{margin-bottom:10px}@media (max-width:700px){.opi-page,.mock-page{padding:35px 0 55px}.opi-page h1,.mock-page h1{font-size:32px}.opi-options,.mock-layout,.opi-facts{grid-template-columns:1fr}.teacher-photo{height:280px}.opi-info,.booking-card,.teacher-bio{padding:20px}}
.placement-shell{padding-bottom:60px}.placement-card,.placement-result{border:1px solid var(--line);background:#fff;border-radius:24px;max-width:860px;margin:42px auto;padding:32px;box-shadow:0 18px 40px #173d5a12}.placement-meta{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.progress-track{background:#e9eee9;border-radius:99px;height:9px;margin:16px 0 34px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--green),var(--saffron));border-radius:inherit;height:100%;transition:width .25s;display:block}.placement-card h1{margin:12px 0 22px;font-size:32px;line-height:1.65}.reading-passage{border-right:4px solid var(--saffron);background:#f7f5ef;border-radius:12px;margin-bottom:24px;padding:20px;font-size:19px;line-height:2}.audio-box{background:#eef6f1;border-radius:14px;gap:8px;margin:20px 0;padding:18px;display:grid}.audio-box audio{width:100%}.audio-box small{color:var(--muted)}.placement-options{gap:11px;margin:22px 0;display:grid}.placement-options button,.placement-input,.placement-textarea{font:inherit}.placement-options button{text-align:right;border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;padding:15px;transition:all .2s}.placement-options button:hover,.placement-options button.selected{border-color:var(--green);background:#e7f4ec}.placement-input,.placement-textarea{box-sizing:border-box;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:15px}.placement-textarea{resize:vertical;min-height:180px;line-height:1.9}.word-counter{color:var(--muted);margin-top:8px;display:block}.recording-box{background:#fff7df;border:1px solid #f0d28b;border-radius:15px;margin:20px 0;padding:22px}.recording-box p{color:#725a20}.recording-box span{color:var(--green);margin-top:12px;display:block}.record-button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-weight:700}.record-button.recording{background:var(--terracotta)}.placement-actions{justify-content:space-between;gap:12px;margin-top:30px;display:flex}.placement-actions button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:13px 22px;font-weight:700}.placement-actions button:disabled{opacity:.45;cursor:not-allowed}.primary-button{background:var(--green);color:#fff}.secondary-button{color:var(--ink);background:#edf1ee}.placement-error{color:#a43f31;background:#fff0ed;border-radius:10px;padding:12px}.recommended-level{width:max-content;color:var(--green);background:#e7f4ec;border-radius:16px;gap:8px;margin:25px 0;padding:20px 35px;display:grid}.recommended-level strong{font-size:44px}.placement-result p{color:var(--muted);line-height:1.9}.skill-results{grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0;display:grid}.skill-results div{background:#f7f5ef;border-radius:12px;gap:8px;padding:15px;display:grid}.skill-results b{color:var(--green);font-size:20px}.placement-result .actions{align-items:center;gap:20px;display:flex}@media (max-width:650px){.placement-card,.placement-result{border-radius:16px;margin:20px 0;padding:20px}.placement-card h1{font-size:25px}.placement-meta{gap:8px;display:grid}.skill-results{grid-template-columns:repeat(2,1fr)}.placement-result .actions{gap:12px;display:grid}}.speaking-mode-switch{background:#ffffffb8;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:5px;display:grid}.speaking-mode-switch button{color:#53635d;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:10px 14px;font-weight:700}.speaking-mode-switch button.selected{color:var(--green);background:#fff;border-color:#8eb7a7;box-shadow:0 4px 12px #1f5b451a}.speaking-mode-switch button:disabled{cursor:not-allowed;opacity:.6}.microphone-help{color:#65511e;background:#fffdf7;border:1px solid #e8c977;border-radius:11px;margin-top:18px;padding:13px 15px}.microphone-help summary{cursor:pointer;font-weight:800}.microphone-help ol{margin:12px 0 0;padding-left:22px;line-height:1.75}.speaking-text-fallback label{color:#334740;margin-bottom:6px;font-weight:800;display:block}.speaking-text-fallback .placement-textarea{min-height:145px;margin-top:6px}@media (max-width:650px){.recording-box{padding:17px}.speaking-mode-switch{grid-template-columns:1fr}.record-button{width:100%;min-height:48px}}
.action-card.darija{background:linear-gradient(135deg,#e8f3d9,#d0e7bd);border-color:#aacd86}.action-card.darija span{color:#527c32}.darija-page{padding:40px 0 70px}.darija-heading{text-align:center;max-width:700px;margin:35px auto}.darija-heading h1{margin:10px 0;font-size:40px}.darija-heading p{color:var(--muted);line-height:1.9}.darija-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.darija-lesson{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:15px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:17px;text-decoration:none;transition:all .2s;display:grid}.darija-lesson:hover:not(.locked){transform:translateY(-3px);box-shadow:0 12px 24px #173d5a12}.darija-lesson.locked{opacity:.52;cursor:not-allowed}.darija-lesson.done{background:#f0f9f0;border-color:#83bd91}.lesson-number{color:#477536;background:#e6f2dc;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.darija-lesson strong,.darija-lesson small{display:block}.darija-lesson small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.6}.lesson-status{color:var(--green);white-space:nowrap;font-size:12px}.lesson-view{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:850px;margin:25px auto;padding:28px}.lesson-view h1{margin:8px 0;font-size:38px}.lesson-view>p{color:var(--muted);line-height:1.9}.video-frame,.video-placeholder{background:#142b24;border-radius:16px;margin:25px 0;overflow:hidden}.video-frame{aspect-ratio:16/9}.video-frame iframe{border:0;width:100%;height:100%}.video-placeholder{text-align:center;color:#d8eee0;place-items:center;min-height:260px;line-height:2;display:grid}.video-placeholder small{color:#9fc3ac}.lesson-questions{border-top:1px solid var(--line);padding-top:25px}.lesson-questions h2{margin-top:0}.darija-question{gap:9px;margin:20px 0;display:grid}.darija-question strong{line-height:1.8}.darija-question button{text-align:right;border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:12px}.darija-question button.selected{background:#e6f3e9;border-color:#71b284}.lesson-message{color:#765819;background:#fff3d8;border-radius:10px;padding:12px}.locked-page{text-align:center;padding:100px 20px}.locked-page p{color:var(--muted)}@media (max-width:760px){.darija-grid{grid-template-columns:1fr}.darija-heading h1{font-size:31px}.darija-lesson{grid-template-columns:42px 1fr}.lesson-status{grid-column:2}.lesson-view{padding:20px}.lesson-view h1{font-size:31px}}
.tutor-page{padding-bottom:70px}.tutor-header{justify-content:space-between;align-items:center;gap:20px;padding:55px 0 30px;display:flex}.tutor-header h1{margin:10px 0;font-size:42px}.tutor-header p{color:var(--muted);line-height:1.8}.tutor-profile{background:var(--mint);border-radius:16px;min-width:170px;padding:18px 22px}.tutor-profile strong,.tutor-profile span{display:block}.tutor-profile span{color:var(--green);margin-top:7px;font-size:13px}.tutor-layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.tutor-sidebar{gap:16px;display:grid}.tutor-sidebar label{color:var(--muted);gap:8px;font-size:13px;display:grid}.tutor-sidebar select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:13px}.context-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;line-height:1.7}.context-card p{color:var(--muted);margin:8px 0;font-size:13px}.context-card ul{color:var(--muted);padding-right:20px;font-size:13px}.chat-panel{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:520px;display:flex;overflow:hidden}.chat-messages{flex:1;gap:15px;min-height:420px;padding:22px;display:grid}.chat-message{align-items:flex-start;gap:10px;max-width:80%;display:flex}.chat-message span{background:var(--mint);width:30px;height:30px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.chat-message p{white-space:pre-wrap;background:#f4f6f2;border-radius:15px;margin:0;padding:12px 15px;line-height:1.9}.chat-message.user{flex-direction:row-reverse;margin-right:auto}.chat-message.user span{background:var(--green);color:#fff}.chat-message.user p{background:#e2f1e9}.chat-form{border-top:1px solid var(--line);gap:10px;padding:15px;display:flex}.chat-form input{border:1px solid var(--line);font:inherit;border-radius:10px;flex:1;padding:13px}.chat-form .button{white-space:nowrap}.tutor-error{color:#a34d42;padding:0 18px 16px}@media (max-width:760px){.tutor-header{padding:35px 0 20px;display:block}.tutor-header h1{font-size:32px}.tutor-profile{margin-top:18px}.tutor-layout{grid-template-columns:1fr}.chat-panel{min-height:500px}.chat-messages{min-height:380px}.chat-message{max-width:92%}}.mode-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;padding:16px;line-height:1.6;display:grid}.mode-card strong{font-size:13px}.mode-card small{color:var(--muted);font-size:11px}.mode-switch{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px;display:grid}.mode-button,.voice-button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:10px}.mode-button.active,.voice-button.listening{border-color:var(--green);background:var(--mint);color:var(--green)}.voice-button{white-space:nowrap}.voice-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:520px){.chat-form{flex-wrap:wrap}.chat-form input{min-width:100%}.chat-form .button,.voice-button{flex:1}}.tutor-realtime-page{color:#17372d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(#fbfdfb 0,#f5faf7 100%);min-height:100vh;padding-bottom:64px}.tutor-realtime-topbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.tutor-realtime-topbar a{color:#176c56;font-weight:700;text-decoration:none}.tutor-realtime-topbar span{color:#61766f;font-size:13px}.tutor-realtime-hero{grid-template-columns:minmax(0,1fr) minmax(260px,390px);align-items:stretch;gap:22px;margin:8px 0 22px;display:grid}.tutor-realtime-hero>div,.tutor-realtime-context,.tutor-realtime-start,.tutor-live-panel{background:#fff;border:1px solid #d9e7e0;border-radius:24px;box-shadow:0 16px 45px #1a4e3d14}.tutor-realtime-hero>div{padding:34px}.tutor-realtime-hero h1{margin:10px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.15}.tutor-realtime-hero p{color:#5d716a;margin:0;line-height:1.9}.tutor-realtime-profile{flex-direction:column;justify-content:center;gap:9px;background:#e9f6f0!important;display:flex!important}.tutor-realtime-profile strong{font-size:22px}.tutor-realtime-profile span,.tutor-realtime-profile small{color:#2e6d59}.tutor-realtime-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:20px;display:grid}.tutor-realtime-sidebar{gap:16px;display:grid}.tutor-realtime-context,.tutor-realtime-start{padding:20px}.tutor-realtime-context h2,.tutor-realtime-start h2{margin:0 0 12px;font-size:17px}.tutor-realtime-context dl{grid-template-columns:auto 1fr;gap:8px 12px;margin:0;font-size:13px;display:grid}.tutor-realtime-context dt{color:#6a7b75}.tutor-realtime-context dd{margin:0;font-weight:700}.tutor-realtime-context ul{color:#5c6f68;margin:14px 0 0;padding-right:18px;font-size:13px;line-height:1.8}.tutor-realtime-start label{color:#62746e;gap:7px;font-size:13px;display:grid}.tutor-realtime-start select{color:#17372d;width:100%;font:inherit;background:#fff;border:1px solid #cedfd7;border-radius:12px;padding:11px}.tutor-start-actions{gap:9px;margin-top:14px;display:grid}.tutor-start-actions button,.tutor-live-controls button,.tutor-text-form button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 14px;font-weight:800}.tutor-start-actions button:first-child,.tutor-text-form button{color:#fff;background:#19785e}.tutor-start-actions button:last-child{color:#17664f;background:#eaf5f0}.tutor-start-actions button:disabled,.tutor-live-controls button:disabled{opacity:.55;cursor:not-allowed}.tutor-live-panel{flex-direction:column;min-height:560px;display:flex;overflow:hidden}.tutor-live-header{border-bottom:1px solid #e2ece7;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.tutor-live-status{align-items:center;gap:9px;font-weight:800;display:flex}.tutor-live-status i{background:#e4a42c;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #fff4dc}.tutor-live-status.connected i{background:#1a8a69;box-shadow:0 0 0 6px #e4f5ef}.tutor-live-status.error i{background:#b64747;box-shadow:0 0 0 6px #fbe9e9}.tutor-live-header small{color:#697b75}.tutor-live-body{text-align:center;flex:1;align-content:center;justify-items:center;padding:28px;display:grid}.tutor-voice-orb{color:#fff;background:radial-gradient(circle at 35% 30%,#51bb98,#176e57 72%);border-radius:50%;place-items:center;width:150px;height:150px;font-size:42px;transition:all .2s;display:grid;box-shadow:0 0 0 14px #eaf6f1,0 20px 45px #176e5740}.tutor-voice-orb.speaking{animation:1.35s ease-in-out infinite tutorPulse}.tutor-voice-orb.listening{box-shadow:0 0 0 14px #e6f4ee,0 0 0 24px #f2faf6,0 20px 45px #176e5740}@keyframes tutorPulse{50%{transform:scale(1.055);box-shadow:0 0 0 22px #dff2ea,0 20px 45px #176e5740}}.tutor-live-body h2{margin:25px 0 5px;font-size:26px}.tutor-live-body>p{color:#62756e;margin:0}.tutor-captions{text-align:start;gap:9px;width:min(720px,100%);margin-top:24px;display:grid}.tutor-caption{background:#f1f6f3;border-radius:15px;padding:12px 15px;line-height:1.7}.tutor-caption.user{background:#e4f3ed;margin-inline-start:42px}.tutor-caption.tutor{margin-inline-end:42px}.tutor-caption small{color:#618076;margin-bottom:3px;display:block}.tutor-text-form{gap:9px;width:min(720px,100%);margin-top:20px;display:flex}.tutor-text-form input{color:#17372d;min-width:0;font:inherit;background:#fff;border:1px solid #cfe0d8;border-radius:12px;flex:1;padding:13px 14px}.tutor-live-controls{background:#fbfdfc;border-top:1px solid #e2ece7;flex-wrap:wrap;justify-content:center;gap:9px;padding:16px 20px;display:flex}.tutor-live-controls button{color:#205e4d;background:#edf5f1}.tutor-live-controls button.active{color:#fff;background:#19785e}.tutor-live-controls button.end{color:#9c3f3b;background:#fff0ef}.tutor-realtime-error{color:#923c38;text-align:center;background:#fff0ef;margin:0;padding:12px 20px}.tutor-realtime-loading{text-align:center;color:#557068;padding:80px 20px}@media (max-width:900px){.tutor-realtime-hero,.tutor-realtime-layout{grid-template-columns:1fr}.tutor-realtime-sidebar{grid-template-columns:1fr 1fr}.tutor-live-panel{min-height:520px}}@media (max-width:620px){.tutor-realtime-topbar{flex-direction:column;align-items:flex-start}.tutor-realtime-hero>div{padding:24px}.tutor-realtime-sidebar{grid-template-columns:1fr}.tutor-live-header{flex-direction:column;align-items:flex-start}.tutor-live-body{padding:24px 14px}.tutor-voice-orb{width:124px;height:124px}.tutor-text-form{flex-direction:column}.tutor-caption.user{margin-inline-start:16px}.tutor-caption.tutor{margin-inline-end:16px}.tutor-live-controls button{flex:42%}}.ai-tutor-shell{--ai-green:#176b54;--ai-green-dark:#0e483b;--ai-mint:#eaf5f0;--ai-gold:#d59b2b;--ai-ink:#17372e;--ai-muted:#657b73;--ai-line:#d7e5de;min-height:100vh;color:var(--ai-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 15% 0,#eaf6f0 0,#0000 28%),linear-gradient(#fbfdfc,#f3f8f5);padding:0 max(22px,50vw - 720px) 72px}.ai-tutor-shell *{box-sizing:border-box}.ai-tutor-shell button,.ai-tutor-shell input,.ai-tutor-shell select,.ai-tutor-shell textarea{font:inherit}.ai-tutor-shell button,.ai-tutor-shell a{outline-offset:3px}.ai-tutor-shell button:focus-visible,.ai-tutor-shell a:focus-visible,.ai-tutor-shell input:focus-visible,.ai-tutor-shell select:focus-visible,.ai-tutor-shell textarea:focus-visible{outline:3px solid #d59b2b8c}.ai-tutor-topbar{border-bottom:1px solid var(--ai-line);justify-content:space-between;align-items:center;gap:20px;min-height:78px;display:flex}.ai-tutor-topbar .brand{text-decoration:none}.ai-top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ai-top-actions>button{border:1px solid var(--ai-line);color:var(--ai-ink);cursor:pointer;background:#fff;border-radius:999px;padding:9px 13px}.ai-connection-pill,.ai-level-pill,.ai-track-pill{border:1px solid var(--ai-line);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:800;display:inline-flex}.ai-connection-pill i{background:#9aa7a2;border-radius:50%;width:8px;height:8px}.ai-connection-pill.online i{background:#1b916f;box-shadow:0 0 0 4px #dcf2e9}.ai-level-pill{background:var(--ai-green-dark);color:#fff;border-color:var(--ai-green-dark)}.ai-track-pill{color:#78520b;background:#fdf5e5;border-color:#eed8a8}.ai-tutor-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:42px 0 24px;display:flex}.ai-tutor-heading h1{margin:8px 0 12px;font-size:clamp(38px,6vw,68px);line-height:1}.ai-tutor-heading p{color:var(--ai-muted);margin:0;font-size:17px}.ai-student-chip{border:1px solid var(--ai-line);background:#fff;border-radius:20px;align-items:center;gap:12px;min-width:250px;padding:14px 16px;display:flex;box-shadow:0 12px 34px #16483914}.ai-student-chip>span{background:var(--ai-green);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}.ai-student-chip strong,.ai-student-chip small{display:block}.ai-student-chip small{color:var(--ai-muted);margin-top:3px}.ai-mode-section{border:1px solid var(--ai-line);background:#fff;border-radius:28px;margin-bottom:22px;padding:24px;box-shadow:0 16px 48px #194e3d0f}.ai-section-title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.ai-section-title>div{align-items:center;gap:10px;display:flex}.ai-section-title span{background:var(--ai-mint);width:30px;height:30px;color:var(--ai-green);border-radius:10px;place-items:center;font-weight:900;display:grid}.ai-section-title h2{margin:0;font-size:21px}.ai-section-title p{color:var(--ai-muted);margin:0;font-size:13px}.ai-mode-grid{grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;display:grid}.ai-mode-card{border:1px solid var(--ai-line);min-height:172px;color:var(--ai-ink);text-align:start;cursor:pointer;background:#fbfdfc;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 13px;transition:all .2s;display:flex}.ai-mode-card:hover{border-color:#9bc6b5;transform:translateY(-2px)}.ai-mode-card.selected{border:2px solid var(--ai-green);background:var(--ai-mint);box-shadow:0 10px 25px #176b541f}.ai-mode-card>span{width:38px;height:38px;color:var(--ai-green);background:#fff;border-radius:13px;place-items:center;font-size:20px;display:grid}.ai-mode-card strong{font-size:15px}.ai-mode-card b{color:var(--ai-green);font-size:11px;font-weight:800}.ai-mode-card small{color:var(--ai-muted);line-height:1.55}.ai-session-options{border-top:1px solid #e7efeb;align-items:end;gap:12px;margin-top:18px;padding-top:18px;display:flex}.ai-session-options label{min-width:220px;color:var(--ai-muted);gap:6px;font-size:12px;display:grid}.ai-session-options select{border:1px solid var(--ai-line);color:var(--ai-ink);background:#fff;border-radius:12px;padding:11px 12px}.ai-start-buttons{gap:9px;margin-inline-start:auto;display:flex}.ai-start-buttons button{background:var(--ai-mint);color:var(--ai-green-dark);cursor:pointer;border:0;border-radius:14px;padding:11px 18px;font-weight:900}.ai-start-buttons button small{margin-top:2px;font-size:10px;display:block}.ai-start-buttons .ai-primary-start{background:var(--ai-green);color:#fff;box-shadow:0 9px 22px #176b5433}.ai-start-buttons button:disabled{opacity:.5;cursor:not-allowed}.ai-tutor-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.ai-context-card{border:1px solid var(--ai-line);background:#fff;border-radius:22px;padding:20px;position:sticky;top:18px;box-shadow:0 12px 36px #194e3d0f}.ai-context-card h2{margin:0 0 15px;font-size:17px}.ai-context-card dl{grid-template-columns:78px 1fr;gap:9px;margin:0;font-size:13px;display:grid}.ai-context-card dt{color:var(--ai-muted)}.ai-context-card dd{margin:0;font-weight:800}.ai-context-note,.ai-empty-note{border-top:1px solid var(--ai-line);gap:5px;margin-top:16px;padding-top:14px;font-size:12px;line-height:1.6;display:grid}.ai-context-note span,.ai-empty-note{color:var(--ai-muted)}.ai-empty-note{color:#765715;background:#fff8e8;border:0;border-radius:12px;padding:12px}.ai-live-stage{border:1px solid var(--ai-line);background:#fff;border-radius:28px;flex-direction:column;min-height:670px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 54px #194e3d14}.ai-live-stage>header{border-bottom:1px solid var(--ai-line);background:#fbfdfc;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;display:flex}.ai-live-stage>header>time{font-variant-numeric:tabular-nums;color:var(--ai-green);font-weight:900}.ai-phase{align-items:center;gap:11px;display:flex}.ai-phase>i{background:#9aa7a2;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #eef2f0}.ai-live-stage.listening .ai-phase>i,.ai-live-stage.learner-speaking .ai-phase>i{background:#1a8b69;box-shadow:0 0 0 6px #e0f4ec}.ai-live-stage.thinking .ai-phase>i,.ai-live-stage.connecting .ai-phase>i{background:var(--ai-gold);box-shadow:0 0 0 6px #fff3d8}.ai-live-stage.tutor-speaking .ai-phase>i{background:#3478b9;box-shadow:0 0 0 6px #e6f1fb}.ai-live-stage.error .ai-phase>i,.ai-live-stage.disconnected .ai-phase>i{background:#bd4b45;box-shadow:0 0 0 6px #fae8e6}.ai-phase strong,.ai-phase small{display:block}.ai-phase small{color:var(--ai-muted);margin-top:2px;font-size:10px}.ai-stage-center{text-align:center;justify-items:center;padding:42px 20px 28px;display:grid}.ai-voice-orb{background:radial-gradient(circle at 36% 30%,#58bd9d,var(--ai-green) 62%,var(--ai-green-dark));border-radius:50%;place-items:center;width:154px;height:154px;transition:all .25s;display:grid;position:relative;box-shadow:0 0 0 14px #e7f4ef,0 22px 48px #145b463d}.ai-voice-orb>span{color:#fff;font-size:50px;font-weight:900}.ai-voice-orb>i{transform-origin:2px -44px;opacity:.45;background:#68aa94;border-radius:999px;width:4px;height:16px;position:absolute;bottom:-34px;left:50%}.ai-voice-orb>i:first-of-type{transform:rotate(0)}.ai-voice-orb>i:nth-of-type(2){transform:rotate(30deg)}.ai-voice-orb>i:nth-of-type(3){transform:rotate(60deg)}.ai-voice-orb>i:nth-of-type(4){transform:rotate(90deg)}.ai-voice-orb>i:nth-of-type(5){transform:rotate(120deg)}.ai-voice-orb>i:nth-of-type(6){transform:rotate(150deg)}.ai-voice-orb>i:nth-of-type(7){transform:rotate(180deg)}.ai-voice-orb>i:nth-of-type(8){transform:rotate(210deg)}.ai-voice-orb>i:nth-of-type(9){transform:rotate(240deg)}.ai-voice-orb>i:nth-of-type(10){transform:rotate(270deg)}.ai-voice-orb>i:nth-of-type(11){transform:rotate(300deg)}.ai-voice-orb>i:nth-of-type(12){transform:rotate(330deg)}.ai-voice-orb.tutor-speaking,.ai-voice-orb.learner-speaking{animation:1.3s ease-in-out infinite aiOrbPulse}.ai-voice-orb.tutor-speaking>i,.ai-voice-orb.learner-speaking>i{opacity:.8;animation:.7s ease-in-out infinite alternate aiWave}.ai-voice-orb>i:nth-of-type(2n){animation-delay:-.35s}.ai-voice-orb.thinking{filter:saturate(.65);animation:1.8s linear infinite aiThink}.ai-voice-orb.disconnected,.ai-voice-orb.error{filter:grayscale(.75);box-shadow:0 0 0 14px #f2ebea,0 20px 44px #46282326}@keyframes aiOrbPulse{50%{transform:scale(1.045);box-shadow:0 0 0 22px #dff1ea,0 22px 48px #145b463d}}@keyframes aiWave{to{height:31px}}@keyframes aiThink{to{transform:rotate(360deg)}}.ai-stage-center h2{margin:30px 0 4px;font-size:27px}.ai-stage-center>p{color:var(--ai-muted);margin:0}.ai-live-caption{background:#eff6f3;border-radius:14px;width:min(700px,100%);margin-top:20px;padding:13px 16px;line-height:1.8}.ai-welcome{border:1px solid var(--ai-line);background:#fbfdfc;border-radius:16px;width:min(650px,100%);margin-top:20px;padding:16px}.ai-welcome p{color:var(--ai-muted);margin:5px 0 0}.ai-recovery{gap:8px;margin-top:18px;display:flex}.ai-recovery button{border:1px solid var(--ai-line);color:var(--ai-green);cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.ai-transcript{scrollbar-width:thin;gap:10px;width:min(820px,100% - 36px);max-height:330px;margin:0 auto 18px;padding:4px;display:grid;overflow:auto}.ai-transcript-empty{text-align:center;color:var(--ai-muted);font-size:13px}.ai-transcript article{border:1px solid var(--ai-line);background:#f7faf8;border-radius:17px;max-width:86%;padding:12px 14px}.ai-transcript article.learner{background:#e7f4ee;border-color:#c7e2d7;margin-inline-start:auto}.ai-transcript article>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-transcript article>header strong{color:var(--ai-green);font-size:11px}.ai-transcript article>header time{color:var(--ai-muted);font-size:10px}.ai-transcript article>p{margin:7px 0;line-height:1.75}.ai-transcript .translation{border-top:1px dashed var(--ai-line);color:#355269;padding-top:8px}.ai-transcript article>footer{flex-wrap:wrap;gap:6px;display:flex}.ai-transcript article>footer button{color:var(--ai-green);cursor:pointer;background:#fff;border:0;border-radius:8px;padding:6px 9px;font-size:11px}.correction{background:#fff8e8;border-radius:11px;gap:5px;margin:9px 0;padding:10px;display:grid}.correction span{color:#8b681e;font-size:10px;font-weight:900}.correction del{color:#a14e49}.correction ins{color:#177059;font-weight:900;text-decoration:none}.correction small{color:var(--ai-muted)}.ai-quick-help{border-top:1px solid var(--ai-line);scrollbar-width:thin;gap:7px;padding:10px 18px;display:flex;overflow:auto}.ai-quick-help button{border:1px solid var(--ai-line);color:var(--ai-green-dark);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:8px 11px;font-size:12px}.ai-text-input{border-top:1px solid var(--ai-line);gap:8px;padding:10px 18px;display:flex}.ai-text-input input{border:1px solid var(--ai-line);min-width:0;color:var(--ai-ink);background:#fff;border-radius:12px;flex:1;padding:12px 14px}.ai-text-input button{background:var(--ai-green);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:10px 17px;font-weight:900}.ai-control-dock{z-index:4;border-top:1px solid var(--ai-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafdfbf5;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:10px;padding:14px 16px;display:grid;position:sticky;bottom:0}.ai-control-dock button{border:1px solid var(--ai-line);color:var(--ai-ink);cursor:pointer;background:#fff;border-radius:11px;padding:9px 10px;font-size:11px}.ai-control-dock button:disabled{opacity:.45;cursor:not-allowed}.ai-control-dock .ai-mic{width:74px;height:74px;color:var(--ai-green-dark);background:#eef4f1;border-radius:50%;align-content:center;place-items:center;display:grid;box-shadow:0 8px 22px #144e3c24}.ai-control-dock .ai-mic.active{background:var(--ai-green);color:#fff;border-color:var(--ai-green);box-shadow:0 0 0 7px #dcefe8,0 10px 24px #144e3c38}.ai-mic span{font-size:23px}.ai-mic small{font-size:9px}.ai-control-group{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.ai-volume{border:1px solid var(--ai-line);background:#fff;border-radius:11px;align-items:center;gap:4px;padding:5px 7px;font-size:10px;display:flex}.ai-volume input{width:62px}.ai-control-dock .ai-end{color:#9c3c36;background:#fff1ef;border-color:#f1cbc7;font-weight:900}.ai-error{color:#923b35;text-align:center;background:#fff0ee;padding:11px 16px;font-size:13px}.ai-notice{color:#735514;background:#fff8e8;justify-content:center;align-items:center;gap:10px;padding:9px 16px;font-size:12px;display:flex}.ai-notice button{cursor:pointer;background:0 0;border:0;font-size:18px}.ai-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f2a227a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ai-modal{border:1px solid var(--ai-line);background:#fff;border-radius:24px;width:min(620px,100%);max-height:90vh;padding:27px;position:relative;overflow:auto;box-shadow:0 28px 80px #061f184d}.ai-modal h2{margin:0 0 10px}.ai-modal>p{color:var(--ai-muted);line-height:1.7}.ai-modal textarea{border:1px solid var(--ai-line);resize:vertical;border-radius:12px;width:100%;min-height:130px;padding:12px}.ai-modal-close{border:1px solid var(--ai-line);cursor:pointer;background:#fff;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:14px;left:14px}.ai-settings-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.ai-settings-grid label{color:var(--ai-muted);gap:6px;font-size:12px;display:grid}.ai-settings-grid select{border:1px solid var(--ai-line);color:var(--ai-ink);background:#fff;border-radius:11px;padding:11px}.ai-track-setting{background:var(--ai-mint);border-radius:13px;align-items:center;gap:10px;margin:12px 0;padding:12px;display:flex}.ai-track-setting span{color:var(--ai-muted)}.ai-track-setting a{color:var(--ai-green);margin-inline-start:auto}.ai-check{align-items:center;gap:9px;margin:11px 0;display:flex}.ai-check input{width:18px;height:18px;accent-color:var(--ai-green)}.ai-privacy-note{background:#fffaf0;border:1px solid #eadbb6;border-radius:13px;margin:15px 0;padding:13px}.ai-privacy-note p{color:var(--ai-muted);margin:4px 0 0;font-size:12px;line-height:1.7}.ai-save{cursor:pointer;background:var(--ai-green)!important;color:#fff!important;border:0!important;border-radius:12px!important;padding:11px 17px!important;font-weight:900!important}.ai-history{background:#fff;width:min(430px,94vw);padding:22px;position:absolute;top:0;bottom:0;left:0;overflow:auto;box-shadow:18px 0 60px #041c1540}.ai-history>header{border-bottom:1px solid var(--ai-line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.ai-history>header h2{margin:0}.ai-history>header button{border:1px solid var(--ai-line);cursor:pointer;background:#fff;border-radius:50%;width:34px;height:34px}.ai-history>article{border:1px solid var(--ai-line);border-radius:15px;margin-top:12px;padding:13px}.ai-history>article header{justify-content:space-between;gap:10px;display:flex}.ai-history>article time,.ai-history>article small{color:var(--ai-muted);font-size:11px}.ai-history>article p{line-height:1.6}.ai-history-empty{text-align:center;color:var(--ai-muted);padding:70px 20px}.ai-history-empty span{font-size:44px}.ai-summary{text-align:center;padding:34px}.ai-summary-mark{background:var(--ai-mint);width:76px;height:76px;color:var(--ai-green);border-radius:50%;place-items:center;margin:0 auto 15px;font-size:38px;font-weight:900;display:grid}.ai-summary h2{margin:8px 0 22px;font-size:30px}.ai-summary-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ai-summary-stats span{border:1px solid var(--ai-line);color:var(--ai-muted);border-radius:14px;gap:5px;padding:15px;font-size:11px;display:grid}.ai-summary-stats b{color:var(--ai-green);font-size:23px}.ai-summary-grid{text-align:start;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.ai-summary-grid section{border:1px solid var(--ai-line);border-radius:15px;padding:15px}.ai-summary-grid section.wide{grid-column:1/-1}.ai-summary-grid h3{margin:0 0 9px;font-size:15px}.ai-summary-grid p,.ai-summary-grid ul{color:var(--ai-muted);margin:0;line-height:1.7}.ai-summary-correction{border-top:1px dashed var(--ai-line);gap:5px;padding:9px 0;display:grid}.ai-summary-correction:first-of-type{border-top:0}.ai-summary-correction del{color:#a14e49}.ai-summary-correction ins{color:var(--ai-green);font-weight:900;text-decoration:none}.ai-summary-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.ai-summary-actions button,.ai-summary-actions a{border:1px solid var(--ai-line);color:var(--ai-green);background:#fff;border-radius:12px;padding:11px 15px;font-weight:900;text-decoration:none}.ai-summary-actions button:disabled{opacity:.5}.ai-tutor-loading{text-align:center;align-content:center;justify-items:center;min-height:90vh;display:grid}.ai-spinner{border:5px solid #dbeae3;border-top-color:var(--ai-green);border-radius:50%;width:52px;height:52px;animation:1s linear infinite aiThink}.ai-tutor-loading h1{margin:20px 0 4px}.ai-tutor-loading p{color:var(--ai-muted)}@media (max-width:1160px){.ai-mode-grid{grid-template-columns:repeat(3,1fr)}.ai-control-dock{grid-template-columns:auto 1fr auto}.ai-control-dock>.ai-control-group:nth-of-type(2){grid-column:2/3}.ai-tutor-workspace{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:850px){.ai-tutor-shell{padding-inline:14px}.ai-tutor-topbar{align-items:flex-start;padding:14px 0}.ai-top-actions{justify-content:flex-start}.ai-track-pill{display:none}.ai-tutor-heading{flex-direction:column;align-items:flex-start;padding-top:28px}.ai-student-chip{width:100%}.ai-mode-grid{grid-template-columns:repeat(2,1fr)}.ai-session-options{flex-direction:column;align-items:stretch}.ai-session-options label{min-width:0}.ai-start-buttons{margin:0}.ai-start-buttons button{flex:1}.ai-tutor-workspace{grid-template-columns:1fr}.ai-context-card{display:none;position:static}.ai-live-stage{min-height:72vh}.ai-control-dock{padding-bottom:max(14px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr}.ai-control-dock .ai-mic{grid-column:1/-1;justify-self:center;width:82px;height:82px}.ai-control-dock .ai-end{grid-column:1/-1}.ai-summary{padding:24px 14px}}@media (max-width:560px){.ai-tutor-shell{padding-inline:9px}.ai-tutor-topbar{display:grid}.ai-top-actions>button{font-size:11px}.ai-tutor-heading h1{font-size:43px}.ai-mode-section{border-radius:21px;padding:15px}.ai-section-title{flex-direction:column;align-items:flex-start}.ai-mode-grid{grid-template-columns:1fr 1fr;gap:7px}.ai-mode-card{min-height:166px;padding:13px 11px}.ai-start-buttons{flex-direction:column}.ai-live-stage{border-radius:20px}.ai-live-stage>header{padding:13px}.ai-stage-center{padding:34px 12px 22px}.ai-voice-orb{width:126px;height:126px}.ai-voice-orb>span{font-size:42px}.ai-stage-center h2{font-size:22px}.ai-transcript{width:calc(100% - 16px)}.ai-transcript article{max-width:94%}.ai-text-input{background:#fff;padding:9px;position:sticky;bottom:202px}.ai-control-dock{position:sticky;bottom:0}.ai-control-group{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.ai-control-group button,.ai-volume{flex:none}.ai-settings-grid,.ai-summary-grid,.ai-summary-stats{grid-template-columns:1fr}.ai-summary-grid section.wide{grid-column:auto}.ai-track-setting{flex-direction:column;align-items:flex-start}.ai-track-setting a{margin:0}.ai-recovery{flex-direction:column}}@media (prefers-reduced-motion:reduce){.ai-voice-orb,.ai-voice-orb>i,.ai-spinner{transition:none!important;animation:none!important}}
.booking-page{padding-bottom:80px}.booking-heading{max-width:760px;padding:45px 0 28px}.booking-heading h1{margin:10px 0;font-size:44px}.booking-heading p{color:var(--muted);line-height:1.9}.booking-form{gap:18px;max-width:900px;display:grid}.booking-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 25px #173d5a08}.booking-card h2{margin:0 0 18px;font-size:20px}.choice-grid{gap:12px;display:grid}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-card,.teacher-choice,.skill-chip{border:1px solid var(--line);text-align:right;cursor:pointer;font:inherit;color:var(--ink);background:#fff;border-radius:14px}.choice-card{gap:8px;padding:18px;display:grid}.choice-card small,.teacher-choice small{color:var(--muted);line-height:1.6}.choice-card.selected,.teacher-choice.selected,.skill-chip.selected{border-color:var(--green);background:var(--mint);box-shadow:0 0 0 2px #276c5522}.skills-grid{grid-template-columns:repeat(4,1fr)}.skill-chip{text-align:center;padding:13px}.teacher-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.teacher-choice{align-items:flex-start;gap:14px;padding:14px;display:flex}.teacher-choice img,.teacher-initial{object-fit:cover;border-radius:14px;flex:none;width:70px;height:70px}.teacher-initial{background:var(--mint);color:var(--green);place-items:center;font-size:32px;font-weight:700;display:grid}.teacher-choice>span:last-child{gap:4px;display:grid}.booking-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.booking-fields label{color:var(--muted);gap:7px;font-size:13px;display:grid}.booking-fields input,.booking-fields select,.slot-row select,.booking-card textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:13px}.booking-note{color:var(--muted);font-size:13px}.slot-list{gap:10px;display:grid}.slot-row{grid-template-columns:80px 1fr 1fr;align-items:center;gap:10px;display:grid}.slot-row span{color:var(--muted);font-size:13px}.booking-card textarea{resize:vertical}.booking-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.booking-actions p{margin:0}.booking-error{color:#a34d42}.success-text{color:var(--green);font-weight:700}@media (max-width:700px){.booking-heading h1{font-size:34px}.choice-grid.two,.teacher-grid,.booking-fields{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.booking-card{padding:18px}.slot-row{grid-template-columns:1fr 1fr}.slot-row span{grid-column:1/-1}}
.vocabulary-page{padding-bottom:80px}.vocabulary-hero{justify-content:space-between;align-items:end;gap:24px;padding:55px 0 30px;display:flex}.vocabulary-hero h1{margin:12px 0;font-size:44px}.vocabulary-hero p{color:var(--muted);max-width:650px;line-height:1.9}.vocabulary-count{background:var(--green);color:#fff;text-align:center;border-radius:20px;min-width:150px;padding:20px 26px}.vocabulary-count strong,.vocabulary-count span{display:block}.vocabulary-count strong{font-size:28px}.vocabulary-count span{opacity:.85;margin-top:6px;font-size:12px}.status-legend{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:14px;flex-wrap:wrap;gap:18px;margin-bottom:24px;padding:12px 16px;font-size:13px;display:flex}.status-legend span{align-items:center;gap:6px;display:flex}.status-dot{background:#b8c1bd;border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.new{background:#9ca8a3}.status-dot.learning{background:#e1a834}.status-dot.mastered{background:var(--green)}.vocabulary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.vocabulary-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-height:360px;padding:20px;display:flex;box-shadow:0 8px 22px #17231f09}.vocabulary-card.learning{border-color:#e7c779}.vocabulary-card.mastered{background:#fcfffd;border-color:#9dcbb6}.card-top{justify-content:space-between;align-items:center;min-height:34px;display:flex}.vocabulary-visual{font-size:30px}.status-pill{color:var(--muted);background:#f1f4f1;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:inline-flex}.status-pill.learning{color:#8a671a;background:#fff5d9}.status-pill.mastered{background:var(--mint);color:var(--green)}.vocabulary-card h2{margin:18px 0 2px;font-size:30px;line-height:1.5}.meaning{color:var(--green);margin:0 0 18px;font-weight:700}.example{background:#f7f9f6;border-radius:14px;margin-top:auto;padding:13px}.example-line{align-items:start;gap:8px;display:flex}.example p{flex:1;margin:0;font-size:18px;line-height:1.8}.example>span{text-align:left;color:var(--muted);direction:ltr;margin-top:7px;font-size:12px;line-height:1.6;display:block}.sound-button{background:var(--mint);cursor:pointer;border:0;border-radius:9px;padding:8px}.vocabulary-note{color:#846326;font-size:12px;line-height:1.7}.card-actions{gap:8px;margin-top:14px;display:flex}.review-button,.card-actions select{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:9px 10px;font-size:12px}.review-button{flex:1}.review-button.saved{background:var(--mint);color:var(--green);border-color:#b8dcca}.card-actions select{color:var(--ink)}.conjugation-section{border:1px solid var(--line);background:#fff;border-radius:22px;margin-top:58px;padding:26px}.conjugation-section h2{margin:8px 0}.conjugation-section>p{color:var(--muted);font-size:13px}.conjugation-table{border:1px solid var(--line);border-radius:14px;margin-top:20px;overflow:hidden}.conjugation-row{border:0;border-bottom:1px solid var(--line);text-align:right;width:100%;font:inherit;color:var(--ink);background:#fff;grid-template-columns:1fr 1fr 2fr 36px;align-items:center;gap:10px;padding:14px 16px;display:grid}.conjugation-row:last-child{border-bottom:0}.conjugation-row:not(.heading){cursor:pointer}.conjugation-row:not(.heading):hover{background:var(--mint)}.conjugation-row.heading{color:var(--muted);background:#f5f8f5;font-size:12px}.conjugation-row span:nth-child(3){text-align:left;color:var(--muted);direction:ltr;font-size:13px}.conjugation-row b{color:var(--green)}@media (max-width:900px){.vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.vocabulary-hero{padding-top:35px;display:block}.vocabulary-hero h1{font-size:34px}.vocabulary-count{margin-top:18px}.vocabulary-grid{grid-template-columns:1fr}.conjugation-row{grid-template-columns:1fr 1fr 1.6fr 28px;padding:12px 9px;font-size:13px}.conjugation-row span:nth-child(3){font-size:11px}}.practice-intro{border:1px solid var(--line);text-align:center;background:linear-gradient(135deg,#fff,#f0f8f2);border-radius:26px;margin-top:60px;padding:36px}.practice-intro h2{margin:10px 0 2px;font-size:34px}.practice-intro p{color:var(--muted);max-width:650px;margin:8px auto;line-height:1.8}.practice-benefits{color:var(--green);flex-wrap:wrap;justify-content:center;gap:18px;margin:22px 0;font-size:13px;display:flex}.practice-start,.practice-next{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:11px;padding:13px 20px;font-weight:700}.practice-saved{color:var(--green)!important}.practice-shell{border:1px solid var(--line);background:#fff;border-radius:26px;margin-top:60px;padding:28px;box-shadow:0 12px 30px #17231f0f}.practice-header{justify-content:space-between;align-items:start;gap:20px;display:flex}.practice-stage{color:var(--green);font-size:12px;font-weight:800}.practice-header h2{margin:8px 0}.practice-header p{color:var(--muted);margin:0;font-size:12px}.practice-score{background:var(--mint);color:var(--green);text-align:center;border-radius:14px;padding:10px 18px}.practice-score strong,.practice-score span{display:block}.practice-score strong{font-size:24px}.practice-score span{font-size:11px}.practice-progress{background:#eef2ee;border-radius:99px;height:8px;margin:20px 0}.practice-progress span{background:var(--green);border-radius:inherit;height:100%;transition:width .25s;display:block}.practice-tools{justify-content:flex-end;gap:8px;margin-bottom:18px;display:flex}.practice-tools button,.practice-back,.slow-button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:9px;padding:9px 12px;font-size:12px}.practice-body{min-height:300px}.exercise-card{border:1px solid var(--line);text-align:center;background:#fbfcfa;border-radius:20px;max-width:760px;margin:auto;padding:28px}.exercise-prompt{justify-content:center;align-items:center;gap:15px;display:flex}.exercise-prompt h3{margin:8px;font-size:38px}.exercise-visual{font-size:34px}.large-sound{background:var(--mint);cursor:pointer;border:0;border-radius:50%;width:46px;height:46px;font-size:20px}.exercise-hint{color:var(--muted);line-height:1.8}.choice-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.choice{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:12px;min-height:52px;padding:15px 10px}.choice:hover,.choice:focus-visible{border-color:var(--green);outline:3px solid #276c551f}.choice.correct{background:var(--mint);color:var(--green);border-color:#8cc2a5}.choice.wrong{color:#a34d42;background:#fff2ed;border-color:#dfaa97}.choice.dont-know{color:var(--muted);border-style:dashed}.exercise-feedback{color:#846326;background:#fff5d9;border-radius:10px;margin-bottom:0;padding:11px;line-height:1.7}.matching-grid{text-align:center;grid-template-columns:1fr 1fr;gap:20px;display:grid}.matching-grid h3{font-size:15px}.match-item{border:1px solid var(--line);width:100%;font:inherit;cursor:pointer;background:#fff;border-radius:11px;margin:8px 0;padding:13px;display:block}.match-item.selected{background:#fff8df;border-color:#e1a834}.match-item.matched{background:var(--mint);color:var(--green);border-color:#8cc2a5}.listening-card{position:relative}.listen-main{background:var(--green);color:#fff;width:170px;height:145px;font:inherit;cursor:pointer;border:0;border-radius:18px;place-items:center;margin:0 auto;font-size:36px;display:grid}.listen-main span{font-size:14px;font-weight:700}.listen-main small{opacity:.8;font-size:10px}.slow-button{margin-top:12px}.arabic-choices .choice{font-size:21px}.sentence-text{margin:10px;font-size:27px;line-height:1.8}.translation{color:var(--muted);direction:ltr}.mini-verb-table{border:1px solid var(--line);border-radius:12px;max-width:520px;margin:0 auto 24px;overflow:hidden}.mini-verb-table button{border:0;border-bottom:1px solid var(--line);width:100%;font:inherit;cursor:pointer;background:#fff;grid-template-columns:1fr 1fr 30px;padding:11px;display:grid}.mini-verb-table button:last-child{border-bottom:0}.mini-verb-table button:hover{background:var(--mint)}.mini-verb-table b{color:var(--green)}.practice-navigation{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.practice-back{color:var(--green)}.practice-back:disabled,.practice-next:disabled{opacity:.5;cursor:not-allowed}.practice-results{border:1px solid var(--line);text-align:center;background:#fff;border-radius:26px;margin-top:60px;padding:36px}.result-medal{font-size:48px}.practice-results h2{line-height:1.7}.result-score{background:var(--mint);color:var(--green);border-radius:20px;margin:12px;padding:18px 30px;display:inline-block}.result-score strong,.result-score span{display:block}.result-score strong{font-size:42px}.result-score span{font-size:12px}.mistakes{text-align:right;background:#fff9e8;border-radius:15px;max-width:620px;margin:24px auto;padding:18px}.mistakes h3{margin-top:0}.mistake-row{border-top:1px solid #f1e4bd;align-items:center;gap:12px;padding:10px;display:flex}.mistake-row span{color:var(--muted);direction:ltr;margin-right:auto}.mistake-row button{background:var(--mint);cursor:pointer;border:0;border-radius:8px;padding:6px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.result-actions .review-button{flex:initial;color:var(--green);text-decoration:none}@media (max-width:620px){.practice-shell,.practice-intro,.practice-results{padding:20px}.practice-header h2{font-size:22px}.practice-tools{flex-wrap:wrap;justify-content:stretch}.practice-tools button{flex:1}.choice-grid{grid-template-columns:1fr}.matching-grid{gap:8px}.exercise-card{padding:18px}.exercise-prompt h3{font-size:30px}.practice-navigation{gap:8px}.practice-next,.practice-back{flex:1}}@media (prefers-reduced-motion:reduce){.practice-progress span{transition:none}}.exercise-feedback,.exercise-feedback *{color:#684d13!important;opacity:1!important}.exercise-feedback{background:#fff5d9!important;border:1px solid #e7c766!important}
.lesson-picker{flex-wrap:wrap;gap:8px;margin:22px 0 30px;display:flex}.lesson-chip{border:1px solid var(--line);min-width:54px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:12px;place-items:center;padding:8px 10px;display:grid}.lesson-chip span{font-weight:800}.lesson-chip small{color:var(--muted);font-size:10px}.lesson-chip.active{background:var(--green);color:#fff;border-color:var(--green)}.lesson-chip.active small{color:#e8fff0}.lesson-chip.locked{opacity:.5;cursor:not-allowed}.lesson-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.lesson-title-row h2{margin:4px 0 0}.lesson-status{color:var(--green);font-size:13px;font-weight:700}.lesson-sections{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-sections .first-section{border-color:#80bda0;box-shadow:0 8px 22px #276c551f}.lesson-message{color:#795d1e;background:#fff8df;border-radius:14px;margin:22px 0;padding:14px 18px;font-size:13px;line-height:1.8}.level-footer button.exam-button{font:inherit;cursor:pointer}.level-footer button.exam-button:disabled{cursor:not-allowed}@media (max-width:700px){.lesson-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-title-row{display:block}.lesson-status{margin-top:8px;display:block}}@media (max-width:480px){.lesson-sections{grid-template-columns:1fr}.lesson-chip{min-width:48px}}.lesson-exam-page{max-width:760px}.exam-question{text-align:right;border:1px solid var(--line);border-radius:14px;margin:20px 0;padding:18px}.exam-question legend{padding:0 8px;font-weight:800}.exam-question label{cursor:pointer;margin:12px 0;display:block}.exam-question input{accent-color:var(--green)}
.word-line{align-items:center;gap:10px;display:flex}.word-line h2{margin-bottom:0}.word-line .sound-button{flex:none}
.reading-lesson{padding:24px 0 80px}.reading-header{justify-content:space-between;align-items:end;gap:24px;margin:22px 0;display:flex}.reading-header h1{margin:10px 0;font-size:clamp(30px,5vw,52px)}.reading-header p{color:var(--muted);font-size:16px}.reading-progress{background:var(--mint);color:var(--green);text-align:center;border-radius:18px;min-width:110px;padding:16px 22px}.reading-progress strong,.reading-progress span{display:block}.reading-progress strong{font-size:25px}.reading-progress span{font-size:11px}.reading-progress-bar{background:#edf2ee;border-radius:99px;height:8px;margin-bottom:22px}.reading-progress-bar span{background:var(--green);border-radius:inherit;height:100%;transition:width .25s;display:block}.reading-panel{border:1px solid var(--line);text-align:center;background:#fff;border-radius:24px;max-width:900px;margin:0 auto;padding:clamp(20px,4vw,38px);box-shadow:0 10px 28px #17231f0d}.reading-panel h2{line-height:1.8}.reading-illustration{margin-bottom:12px;font-size:62px}.reading-options{grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:22px auto;display:grid}.reading-options.two{grid-template-columns:repeat(2,1fr);max-width:500px}.reading-options button{border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--ink);background:#fff;border-radius:13px;padding:15px 12px;line-height:1.7}.reading-options button:hover,.reading-options button.selected{border-color:var(--green);background:var(--mint);color:var(--green)}.reading-note{color:#846326;font-size:13px}.text-panel{text-align:right}.reading-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.reading-tools span{color:var(--muted);font-size:13px}.reading-person{border-top:1px solid var(--line);padding:20px 0}.reading-person h2{color:var(--green);margin-top:0}.reading-person p{margin:0;font-size:21px;line-height:2.25}.reading-word{color:var(--green);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #b8dcca;padding:0 2px;font-weight:700}.reading-word:hover{background:var(--mint);border-radius:4px}.reading-translation{text-align:left;color:var(--muted);border-top:1px dashed var(--line);direction:ltr;padding-top:14px;margin-top:14px!important;font-size:15px!important}.reading-feedback{color:#765c1e;background:#fff5d9;border-radius:12px;padding:13px;line-height:1.8}.info-cards{text-align:right;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0;display:grid}.info-card{border:1px solid var(--line);background:#fbfcfa;border-radius:16px;padding:18px}.info-card h3{color:var(--green);margin-top:0}.info-card div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.info-card span{color:var(--muted)}.info-card b{color:var(--ink)}textarea{border:1px solid var(--line);width:100%;min-height:110px;font:inherit;resize:vertical;direction:rtl;border-radius:12px;margin:12px 0 18px;padding:13px}.word-modal-backdrop{z-index:20;background:#0a19146b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.word-modal{text-align:center;background:#fff;border-radius:20px;gap:14px;min-width:min(360px,100%);padding:30px;display:grid;position:relative;box-shadow:0 20px 60px #0003}.word-modal strong{color:var(--green);font-size:30px}.word-modal span{color:var(--muted);direction:ltr}.modal-close{cursor:pointer;background:0 0;border:0;font-size:27px;position:absolute;top:8px;left:12px}.reading-results{max-width:700px}.reading-results .result-actions{margin-top:22px}.reading-results .review-button{color:var(--green);text-decoration:none}@media (max-width:650px){.reading-header{display:block}.reading-progress{margin-top:14px;display:inline-block}.reading-options,.reading-options.two,.info-cards{grid-template-columns:1fr}.reading-tools{display:block}.reading-tools span{margin-top:10px;display:block}.reading-person p{font-size:18px}}
.reading-audio-button{border:1px solid var(--green);background:var(--green);color:#fff;font:inherit;cursor:pointer;border-radius:11px;padding:11px 15px}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{margin:0}.sentence-audio{background:var(--mint);color:var(--green);cursor:pointer;border:0;border-radius:7px;margin:0 4px;padding:3px 6px}.reading-sentence{border-radius:6px;padding:2px 0;display:inline}.reading-sentence.audio-active{background:#e8f5ed}.audio-active{background:#fbfffc}
.listening-lesson{max-width:1120px;margin:0 auto;padding:28px 18px 64px}.listening-hero{background:#fff;border-radius:28px;grid-template-columns:1.05fr .95fr;display:grid;overflow:hidden;box-shadow:0 18px 50px #12352b16}.listening-hero img{object-fit:cover;width:100%;height:100%;min-height:330px}.listening-hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:42px;display:flex}.listening-hero-copy h1{color:#173d35;margin:12px 0;font-size:clamp(2rem,4vw,3.8rem)}.listening-hero-copy p{color:#526b64;line-height:1.9}.listening-panel{background:#fff;border:1px solid #d9e6df;border-radius:22px;margin-top:22px;padding:28px;box-shadow:0 10px 30px #12352b0b}.listening-goals{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.listening-goals span{color:#285d4e;background:#edf7f1;border-radius:12px;padding:13px}.listening-note{color:#916f31;background:#fff8e8;border-radius:10px;padding:12px}.audio-controls,.listening-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.audio-controls button,.listening-actions button,.listening-options button{cursor:pointer;background:#f5fbf7;border:1px solid #bfd6cb;border-radius:12px;padding:11px 16px}.listening-options{gap:10px;margin:18px 0;display:grid}.listening-options button{text-align:right}.listening-options button.selected{background:#dff3e8;border-color:#23765d}.listening-transcript,.reading-translation{background:#f7faf8;border-radius:14px;padding:18px;line-height:2}.listening-results{text-align:center}.result-medal{font-size:3rem}.result-score{justify-content:center;align-items:baseline;gap:16px;margin:18px;display:flex}.result-score strong{color:#23765d;font-size:3rem}.review-button{color:#236a57;cursor:pointer;background:#fff;border:1px solid #bfd6cb;border-radius:12px;padding:10px 15px;text-decoration:none;display:inline-block}.button{color:#fff;cursor:pointer;background:#23765d;border:0;border-radius:12px;padding:13px 20px;font-weight:700;text-decoration:none;display:inline-block}.button:disabled{opacity:.5;cursor:not-allowed}.dialogue-lines{gap:10px;display:grid}.dialogue-line{background:#edf7f1;border-radius:12px;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.dialogue-line.yassine{background:#eef4fb}.dialogue-line span{line-height:1.8}@media (max-width:720px){.listening-lesson{padding:14px 10px 40px}.listening-hero{grid-template-columns:1fr}.listening-hero img{min-height:210px;max-height:280px}.listening-hero-copy{padding:25px 20px}.listening-goals{grid-template-columns:1fr}.listening-panel{padding:20px 16px}.dialogue-line{grid-template-columns:1fr auto}}
.grammar-page{max-width:1100px;margin:auto;padding:28px 18px 70px}.grammar-head{margin-bottom:24px}.grammar-head h1{color:var(--ink);margin:12px 0;font-size:clamp(2rem,5vw,3.4rem)}.grammar-head p{color:var(--muted)}.grammar-cards{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grammar-card,.grammar-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;box-shadow:0 10px 28px #17231f0d}.grammar-card h2{color:var(--green);line-height:1.6}.grammar-card p{line-height:1.8}.grammar-card small{color:var(--muted)}.grammar-icon{color:#c28b28;font-size:34px}.grammar-status{background:var(--mint);color:var(--green);border-radius:20px;margin:18px 0;padding:7px 12px;display:inline-block}.grammar-progress{background:#edf2ee;border-radius:20px;height:8px;margin-top:20px}.grammar-progress span{background:var(--green);border-radius:inherit;height:100%;transition:width .2s;display:block}.grammar-ltr{text-align:left;direction:ltr;line-height:2}.grammar-tip{background:#fff6df;border-right:4px solid #d79b28;padding:15px;line-height:1.8}.grammar-table{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.grammar-table>*{border:1px solid var(--line);text-align:center;background:#f8fbf8;border-radius:12px;padding:15px;font-size:clamp(18px,3vw,25px)}.grammar-table button,.grammar-options button{font:inherit;cursor:pointer}.grammar-options{gap:12px;margin:22px 0;display:grid}.grammar-options button{border:1px solid var(--line);text-align:right;background:#fff;border-radius:13px;padding:15px}.grammar-options button.selected{background:var(--mint);border-color:var(--green)}.grammar-correct,.grammar-wrong{border-radius:12px;padding:14px;line-height:1.8}.grammar-correct{color:#17623e;background:#e8f7ed}.grammar-wrong{color:#a33c2d;background:#fff0ee}.grammar-actions{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.lesson-links{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:680px){.grammar-cards{grid-template-columns:1fr}.grammar-card,.grammar-panel{padding:20px}.grammar-table>*{padding:11px;font-size:18px}}.grammar-examples{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px;display:grid}.grammar-examples button{border:1px solid var(--line);text-align:right;font:inherit;cursor:pointer;background:#f8fbf8;border-radius:13px;padding:16px;font-size:20px}.grammar-card .button{margin-top:12px}@media (max-width:680px){.grammar-examples{grid-template-columns:1fr}}.grammar-data-table{border:1px solid var(--line);background:#fbfdfb;border-radius:16px;margin:22px 0;overflow:hidden}.table-row{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.table-row:first-child{border-top:0}.table-row span{text-align:center;padding:13px 10px;font-size:clamp(17px,2.4vw,24px);line-height:1.6}.table-head{color:var(--green);background:#e9f4ee;font-weight:700}.grammar-panel h2{line-height:1.7}.grammar-panel .grammar-ltr{font-size:1.05rem}.grammar-actions .button,.grammar-actions .review-button{min-height:46px}.grammar-result{text-align:center}.grammar-result .grammar-actions{flex-wrap:wrap;justify-content:center}
.speaking-page{max-width:1000px;margin:auto;padding:28px 18px 70px}.speaking-head{margin-bottom:24px}.speaking-head h1{color:var(--ink);font-size:clamp(2rem,5vw,3.5rem)}.speaking-head h1 span{font-size:.55em}.speaking-progress{background:#e9f0eb;border-radius:9px;height:8px}.speaking-progress span{background:var(--green);border-radius:inherit;height:100%;display:block}.speaking-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 28px #17231f0d}.speaker-bubble,.ai-bubble{background:#edf7f1;border-radius:20px;margin:20px 0;padding:25px;line-height:2}.speaker-bubble p:first-of-type{font-size:clamp(1.5rem,4vw,2.4rem)}.speaker-bubble p:nth-of-type(2){color:var(--muted);text-align:left;direction:ltr}.speaking-actions,.hint-row{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;display:flex}.speaking-question button,.hint-row button{border:1px solid var(--line);width:100%;font:inherit;text-align:right;cursor:pointer;background:#fff;border-radius:12px;margin:10px 0;padding:15px;display:block}.speaking-question button.selected,.hint-row button:hover{background:var(--mint);border-color:var(--green)}.speaking-correct,.speaking-wrong{border-radius:12px;padding:14px;line-height:1.8}.speaking-correct{color:#17623e;background:#e8f7ed}.speaking-wrong{color:#a33c2d;background:#fff0ee}.pronunciation-card{border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:17px;display:flex}.pronunciation-card strong{font-size:1.35rem}.speaking-input{border:1px solid var(--line);width:100%;font:inherit;border-radius:12px;margin:18px 0;padding:14px}.speaking-report p{border-bottom:1px solid var(--line);padding:10px 14px}@media (max-width:650px){.speaking-panel{padding:20px 15px}.speaking-actions{justify-content:stretch}.speaking-actions>*{flex:1}}
.writing-page{max-width:1050px;margin:auto;padding:28px 18px 70px}.writing-head{margin-bottom:24px}.writing-head h1{color:var(--ink);font-size:clamp(2rem,5vw,3.5rem)}.writing-progress{background:#e9f0eb;border-radius:9px;height:8px;margin-top:20px}.writing-progress span{background:var(--green);border-radius:inherit;height:100%;display:block}.writing-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 28px #17231f0d}.writing-model{vertical-align:top;border:1px solid var(--line);background:#f8fbf8;border-radius:18px;width:48%;margin:1%;padding:22px;line-height:2;display:inline-block}.writing-model p{margin:3px;font-size:1.35rem}.writing-model .changing{color:var(--green);font-weight:700}.writing-tip{text-align:left;direction:ltr;background:#fff6df;border-left:4px solid #d79b28;padding:14px}.writing-sentence{background:#edf7f1;border-radius:14px;min-height:55px;padding:15px;font-size:1.5rem}.writing-word-bank{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.writing-word-bank button,.writing-choice button{border:1px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:12px;padding:12px 17px}.writing-choice{margin:18px 0}.writing-choice button.selected{background:var(--mint);border-color:var(--green)}.writing-actions{flex-wrap:wrap;gap:10px;display:flex}.writing-correct,.writing-wrong{border-radius:12px;padding:14px;line-height:1.8}.writing-correct{color:#17623e;background:#e8f7ed}.writing-wrong{color:#a33c2d;background:#fff0ee}.writing-panel label{margin:20px 0;font-size:1.2rem;display:block}.writing-panel label input,.writing-line-input{border:1px solid var(--line);font:inherit;border-radius:10px;padding:12px}.writing-line-input{direction:rtl;width:100%;margin:12px 0;display:block}.writing-final{text-align:center}.writing-final p{font-size:1.5rem;line-height:1.8}@media (max-width:680px){.writing-model{width:100%;margin:12px 0;display:block}.writing-panel{padding:20px 15px}}
.exam-page{max-width:900px;margin:auto;padding:28px 18px 70px}.exam-head{margin-bottom:18px}.exam-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;box-shadow:0 10px 28px #17231f0f}.exam-panel h1{color:var(--ink);line-height:1.6}.exam-sections{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.exam-sections span,.skill-results div{border:1px solid var(--line);background:#f6faf7;border-radius:12px;padding:12px}.exam-notice{text-align:left;direction:ltr;background:#fff6df;border-radius:12px;padding:14px;line-height:1.7}.exam-progress{background:#edf2ee;border-radius:20px;height:9px;margin-top:15px}.exam-progress span{background:var(--green);border-radius:inherit;height:100%;transition:width .2s;display:block}.exam-panel>h1{font-size:clamp(1.5rem,4vw,2.4rem)}.exam-options{gap:12px;margin:24px 0;display:grid}.exam-options button{border:1px solid var(--line);text-align:right;font:inherit;cursor:pointer;background:#fff;border-radius:13px;padding:15px}.exam-options button.selected{background:var(--mint);border-color:var(--green)}.exam-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:130px;font:inherit;direction:rtl;border-radius:14px;margin:20px 0;padding:15px;line-height:1.8;display:block}.exam-audio{background:#f6faf7;border-radius:14px;margin:20px 0;padding:15px}.exam-audio span{color:var(--green);direction:ltr;margin-bottom:10px;font-weight:700;display:block}.record-button{color:#963d31;font:inherit;cursor:pointer;background:#fff2ef;border:1px solid #b74d3c;border-radius:12px;padding:12px 18px}.exam-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.exam-actions .button,.exam-actions .review-button{min-height:46px}.exam-passage{background:#fbfaf4;border-right:4px solid #c88c2f;border-radius:12px;margin:18px 0;padding:18px;font-size:1.15rem;line-height:2}.skill-results{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.skill-results div{justify-content:space-between;gap:8px;display:flex}.result-medal{text-align:center;font-size:52px}.review-panel{margin-top:18px}@media (max-width:650px){.exam-panel{padding:20px}.exam-sections,.skill-results{grid-template-columns:1fr 1fr}.exam-actions{grid-template-columns:1fr 1fr;display:grid}.exam-actions>*{width:100%}}@media (max-width:400px){.exam-sections,.skill-results{grid-template-columns:1fr}}
.reading-prediction-image,.conversation-cover{object-fit:cover;border-radius:18px;width:100%;max-width:100%;height:auto;margin:0 auto 22px;display:block}.reading-opening-image{aspect-ratio:16/9;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:20px;width:100%;margin:0 auto 24px;display:block}.lesson-two-vocabulary-grid .vocabulary-card{scroll-margin-top:20px}.lesson-two-vocabulary-grid .choice small,.choice-grid .choice small{color:var(--muted);direction:ltr;margin-top:6px;display:block}.choice.selected{border-color:var(--green);background:var(--mint);color:var(--green)}.grammar-pronoun-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.grammar-pronoun-card,.grammar-pair-card,.grammar-example{border:1px solid var(--line);background:#f9fcfa;border-radius:16px;padding:18px}.grammar-pronoun-card{text-align:center;gap:8px;display:grid}.grammar-pronoun-card strong{color:var(--green);font-size:clamp(1.8rem,4vw,2.7rem)}.grammar-pronoun-card span{color:var(--muted)}.grammar-pair-grid,.grammar-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.grammar-pair-card{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.grammar-pair-card>.grammar-audio-button{grid-column:1/-1}.grammar-pair-card>div{gap:8px;display:grid}.grammar-pair-card strong,.grammar-example strong{font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.8}.grammar-example{justify-content:space-between;align-items:center;gap:14px;display:flex}.grammar-audio-button,.grammar-audio-disabled{border:1px solid var(--line);color:var(--green);font:inherit;background:#fff;border-radius:10px;padding:8px 11px;font-size:.82rem}.grammar-audio-button{cursor:pointer}.grammar-audio-disabled{color:var(--muted);background:#f0f2f0;display:inline-block}.grammar-conjugation-table{border:1px solid var(--line);border-radius:18px;margin:24px 0;overflow:hidden}.grammar-conjugation-head,.grammar-conjugation-row{grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:12px;padding:13px 16px;display:grid}.grammar-conjugation-head{background:var(--mint);color:var(--green);direction:ltr;font-weight:800}.grammar-conjugation-row{border-top:1px solid var(--line);min-height:72px}.grammar-conjugation-row>button{color:var(--green);font:inherit;cursor:pointer;background:#f4f8f5;border:0;border-radius:10px;padding:10px;font-size:1.35rem}.grammar-conjugation-row>strong{text-align:center;font-size:1.55rem}.grammar-sentence{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;font-size:clamp(1.15rem,2.5vw,1.55rem);line-height:1.8;display:flex}.agreement-rule{border-right:5px solid var(--green);background:#f2f9f5;border-radius:16px;margin:26px 0 14px;padding:18px}.agreement-rule.nonhuman{background:#fff8e9;border-right-color:#c28b28}.agreement-rule h2,.agreement-rule p{margin-top:0}.agreement-rule strong{font-size:1.5rem}.grammar-practice-panel{max-width:850px;margin:0 auto}.grammar-practice-panel textarea{border:1px solid var(--line);width:100%;min-height:120px;font:inherit;resize:vertical;border-radius:14px;padding:16px;font-size:1.2rem}.grammar-match-prompt{background:var(--mint);max-width:520px;color:var(--green);text-align:center;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:20px auto;padding:20px;font-size:1.7rem;display:grid}@media (max-width:720px){.grammar-pronoun-grid,.grammar-pair-grid,.grammar-example-grid{grid-template-columns:1fr}.grammar-conjugation-head{display:none}.grammar-conjugation-row{text-align:center;grid-template-columns:1fr}.grammar-example,.grammar-sentence{flex-direction:column;align-items:stretch}}.exam-skill-report{border:1px solid var(--line);text-align:right;background:#fff;border-radius:18px;max-width:620px;margin:24px auto;padding:20px}.exam-skill-report h2{margin-top:0}.exam-skill-report>div{border-top:1px solid var(--line);direction:ltr;justify-content:space-between;gap:16px;padding:10px 0;display:flex}
.level-three-vocabulary{--l3-ink:#17342f;--l3-green:#176b5b;--l3-green-dark:#0e5146;--l3-gold:#bd8139;--l3-paper:#fffdf8;--l3-soft:#edf6f1;--l3-border:#d8e3dd;max-width:1220px;color:var(--l3-ink);margin:0 auto;padding:36px 22px 70px}.l3v-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:22px;display:flex}.l3v-header h1{margin:10px 0 6px;font-size:clamp(2rem,5vw,4rem);line-height:1.25}.l3v-header p{color:#667772;margin:0}.l3v-summary{border:1px solid var(--l3-border);background:var(--l3-soft);text-align:center;border-radius:22px;min-width:150px;padding:20px}.l3v-summary strong{font-size:1.8rem;display:block}.l3v-summary span{font-size:.82rem}.l3v-steps{grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;margin-bottom:12px;padding:4px 0 16px;display:grid;overflow-x:auto}.l3v-steps span{border:1px solid var(--l3-border);color:#63716d;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 10px;display:flex}.l3v-steps span.active{color:#fff;border-color:var(--l3-green);background:var(--l3-green)}.l3v-steps b{background:#fff3;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.l3v-panel{border:1px solid var(--l3-border);background:var(--l3-paper);border-radius:30px;padding:clamp(20px,4vw,44px);box-shadow:0 18px 55px #183b3314}.l3v-panel h2{margin:8px 0 22px;font-size:clamp(1.55rem,3vw,2.35rem)}.prediction-panel img{aspect-ratio:16/9;object-fit:cover;background:#e6eee9;border-radius:22px;width:100%;margin-bottom:24px;display:block}.prediction-count{color:#73827d;margin-top:8px}.prediction-panel details,.context-panel details{background:var(--l3-soft);border-radius:14px;margin:18px 0;padding:14px 18px}.prediction-panel summary,.context-panel summary{cursor:pointer;font-weight:750}.context-text{font-size:clamp(1.2rem,2.3vw,1.65rem);line-height:2.15}.context-text button{appearance:none;border:0;border-bottom:3px dotted var(--l3-gold);color:var(--l3-green-dark);font:inherit;cursor:pointer;background:0 0;padding:0 2px}.context-definition{background:var(--l3-soft);border:1px solid #c9ddd4;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px;display:grid}.context-definition strong{font-size:1.25rem}.context-definition button,.advanced-word-title button,.advanced-example button{border:1px solid var(--l3-border);cursor:pointer;background:#fff;border-radius:50%;min-width:42px;min-height:42px}.group-tabs{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;display:grid}.group-tabs button{border:1px solid var(--l3-border);color:var(--l3-ink);cursor:pointer;background:#fff;border-radius:15px;padding:14px}.group-tabs button.active{border-color:var(--l3-green);box-shadow:inset 0 0 0 2px var(--l3-green);background:var(--l3-soft)}.group-tabs small{color:#6f7d79;margin-top:4px;display:block}.advanced-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.advanced-word-card{border:1px solid var(--l3-border);background:#fff;border-radius:21px;padding:22px;position:relative}.advanced-word-card.active{border-top:5px solid var(--l3-green)}.advanced-word-card.receptive{border-top:5px dashed var(--l3-gold);background:#fffaf1}.word-card-meta{color:#677974;justify-content:space-between;gap:10px;font-size:.76rem;display:flex}.word-card-meta>span{font-weight:800}.advanced-word-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.advanced-word-title h3{margin:16px 0 6px;font-size:clamp(1.6rem,3vw,2.25rem)}.part-of-speech{color:var(--l3-gold);margin:0;font-weight:800}.definition-ar{min-height:48px;font-size:1.04rem;line-height:1.8}.show-english{color:var(--l3-green-dark);background:var(--l3-soft);cursor:pointer;border:0;border-radius:10px;padding:7px 11px;font-weight:750}.english-gloss{font-weight:750}.advanced-word-card dl{grid-template-columns:1fr 1fr;gap:10px;display:grid}.advanced-word-card dl div{background:#f6f8f6;border-radius:12px;padding:10px}.advanced-word-card dt{color:#6a7874;font-size:.75rem}.advanced-word-card dd{margin:5px 0 0}.advanced-example{background:var(--l3-soft);border-radius:14px;padding:14px}.advanced-example>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.advanced-example p{margin:0;line-height:1.8}.advanced-example span{color:#66746f;margin-top:8px;display:block}.advanced-word-actions{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:16px;display:flex}.advanced-word-actions>button{border:1px solid var(--l3-border);cursor:pointer;background:#fff;border-radius:12px;min-height:42px;padding:8px 12px}.advanced-word-actions>button.saved{color:#fff;background:var(--l3-green)}.advanced-word-actions label{color:#697873;gap:4px;font-size:.76rem;display:grid}.advanced-word-actions select{border:1px solid var(--l3-border);background:#fff;border-radius:10px;min-height:42px;padding:6px}.semantic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.semantic-grid article{border:1px solid var(--l3-border);background:#fff;border-radius:20px;padding:20px}.semantic-grid h3{margin:0}.semantic-grid article>div{border-top:1px solid #e8eeeb;grid-template-columns:.7fr 1fr 1fr;gap:10px;padding:10px 0;display:grid}.semantic-grid span,.semantic-grid small{color:#5f706a}.practice-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.practice-heading strong{font-size:1.35rem}.l3v-progress{background:#e7eeea;border-radius:999px;height:10px;margin:15px 0 28px;overflow:hidden}.l3v-progress span{border-radius:inherit;background:var(--l3-green);height:100%;transition:width .25s;display:block}.advanced-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.advanced-choices button{border:2px solid var(--l3-border);min-height:64px;color:var(--l3-ink);font:inherit;cursor:pointer;background:#fff;border-radius:16px;padding:12px 15px}.advanced-choices button.correct{background:#e6f7ee;border-color:#23845e}.advanced-choices button.wrong{background:#fff0f0;border-color:#b94141}.advanced-feedback{border-radius:15px;margin-top:18px;padding:18px}.advanced-feedback.correct{background:#ebf8f1;border:1px solid #7ebc9f}.advanced-feedback.wrong{background:#fff1f1;border:1px solid #dea0a0}.review-links{flex-wrap:wrap;gap:8px;display:flex}.review-links button,.needs-review button{border:1px solid var(--l3-border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px}.l3v-actions{flex-wrap:wrap;justify-content:flex-end;gap:11px;margin-top:28px;display:flex}.l3v-actions .button,.l3v-actions .review-button{border-radius:13px;justify-content:center;align-items:center;min-height:48px;padding:10px 17px;font-weight:800;text-decoration:none;display:inline-flex}.l3v-actions .button{border:1px solid var(--l3-green);color:#fff;background:var(--l3-green)}.l3v-actions .review-button{border:1px solid var(--l3-border);color:var(--l3-ink);background:#fff}.l3v-actions button{cursor:pointer}.l3v-actions button:disabled{opacity:.55;cursor:not-allowed}.l3v-actions .waiting{border-style:dashed}.results-panel{text-align:center}.result-medal{font-size:4rem}.result-score{border:12px solid var(--l3-soft);border-radius:50%;place-items:center;gap:5px;width:180px;height:180px;margin:20px auto;display:grid}.result-score strong{font-size:2.3rem}.needs-review{background:#fff6e7;border-radius:17px;padding:18px}.audio-error{z-index:5;color:#7f2020;background:#fff0f0;border-radius:12px;width:fit-content;max-width:100%;margin:18px auto 0;padding:12px 18px;position:sticky;bottom:18px;box-shadow:0 8px 24px #0000001f}.level-three-vocabulary button:focus-visible,.level-three-vocabulary a:focus-visible,.level-three-vocabulary summary:focus-visible,.level-three-vocabulary select:focus-visible{outline-offset:3px;outline:3px solid #e3aa51}@media (max-width:820px){.l3v-header{flex-direction:column}.l3v-summary{width:100%}.advanced-word-grid,.semantic-grid{grid-template-columns:1fr}.l3v-steps{grid-template-columns:repeat(7,120px)}.group-tabs{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.level-three-vocabulary{padding:22px 12px 55px}.l3v-panel{border-radius:20px;padding:18px 14px}.context-definition{grid-template-columns:1fr auto}.context-definition span{grid-column:1/-1}.advanced-word-grid,.advanced-choices{grid-template-columns:1fr}.advanced-word-card{padding:16px}.advanced-word-card dl{grid-template-columns:1fr}.advanced-word-actions{flex-direction:column;align-items:stretch}.semantic-grid article>div{grid-template-columns:1fr}.l3v-actions{flex-direction:column}.l3v-actions>*{width:100%}}.advanced-feedback,.advanced-feedback *{color:#243a34!important;opacity:1!important}.advanced-feedback.wrong{color:#7d2f2f!important}.advanced-feedback.correct{color:#155c43!important}
.level-three-phrases{--p-ink:#17342f;--p-green:#176b5b;--p-border:#d8e3dd;--p-paper:#fffdf8;max-width:1220px;color:var(--p-ink);margin:0 auto;padding:36px 22px 70px}.l3p-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:22px;display:flex}.l3p-header h1{margin:10px 0 6px;font-size:clamp(2rem,5vw,3.75rem);line-height:1.25}.l3p-header p{color:#687772;margin:0}.l3p-summary{border:1px solid var(--p-border);text-align:center;background:#edf6f1;border-radius:22px;min-width:150px;padding:20px}.l3p-summary strong,.l3p-summary span{display:block}.l3p-summary strong{font-size:1.8rem}.l3p-summary span{font-size:.82rem}.l3p-steps{grid-template-columns:repeat(6,minmax(105px,1fr));gap:8px;padding:4px 0 16px;display:grid;overflow-x:auto}.l3p-steps span{border:1px solid var(--p-border);white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 10px;display:flex}.l3p-steps span.active{color:#fff;border-color:var(--p-green);background:var(--p-green)}.l3p-steps b{background:#ffffff38;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.l3p-panel{border:1px solid var(--p-border);background:var(--p-paper);border-radius:30px;padding:clamp(20px,4vw,44px);box-shadow:0 18px 55px #183b3314}.l3p-panel h2{margin:8px 0 22px;font-size:clamp(1.55rem,3vw,2.35rem)}.discover-panel>img{aspect-ratio:16/7;object-fit:cover;border-radius:22px;width:100%;margin-bottom:24px;display:block}.l3p-audio{color:#124d42;min-height:44px;font:inherit;cursor:pointer;background:#edf6f1;border:1px solid #b8d1c6;border-radius:13px;padding:9px 15px;font-weight:800}.main-audio{margin-bottom:14px}.opening-context{font-size:clamp(1.15rem,2.1vw,1.5rem);line-height:2.2}.opening-context mark{color:#174e45;background:#fff1c9;border-bottom:3px solid #c58a3f;padding:1px 3px}.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prediction-grid details{border:1px solid var(--p-border);background:#f4f8f5;border-radius:15px;padding:15px}.prediction-grid summary{cursor:pointer;font-weight:800}.prediction-grid small{color:#75827e}.phrase-group-tabs{grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin-bottom:22px;display:grid;overflow-x:auto}.phrase-group-tabs button{border:1px solid var(--p-border);min-width:130px;color:var(--p-ink);cursor:pointer;background:#fff;border-top:5px solid #75827e;border-radius:16px;gap:4px;padding:14px;display:grid}.phrase-group-tabs button.active{background:#fafdfb;box-shadow:inset 0 0 0 2px}.phrase-group-tabs span{color:#fff;background:#667570;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.phrase-group-tabs small{color:#687772}.rose{--group:#bd5f70}.violet{--group:#7655ae}.blue{--group:#3572ae}.amber{--group:#b27921}.emerald{--group:#278165}.phrase-group-tabs button.rose,.phrase-card.rose{border-top-color:#bd5f70}.phrase-group-tabs button.violet,.phrase-card.violet{border-top-color:#7655ae}.phrase-group-tabs button.blue,.phrase-card.blue{border-top-color:#3572ae}.phrase-group-tabs button.amber,.phrase-card.amber{border-top-color:#b27921}.phrase-group-tabs button.emerald,.phrase-card.emerald{border-top-color:#278165}.phrase-card-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.phrase-card{border:1px solid var(--p-border);border-top:6px solid var(--group);background:#fff;border-radius:22px;padding:22px}.phrase-card-meta{color:#687772;justify-content:space-between;gap:10px;font-size:.78rem;display:flex}.phrase-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.phrase-title h3{margin:15px 0 7px;font-size:clamp(1.6rem,3vw,2.2rem)}.phrase-title button,.phrase-examples button{border:1px solid var(--p-border);cursor:pointer;background:#fff;border-radius:50%;flex:none;width:44px;height:44px}.open-phrase,.show-english{color:#145649;cursor:pointer;background:#edf6f1;border:0;border-radius:11px;min-height:42px;padding:8px 13px;font-weight:800}.meaning-ar{background:#f4f8f5;border-radius:12px;padding:12px}.english-text{font-weight:750}.phrase-card dl{gap:10px;display:grid}.phrase-card dl div{background:#f7f8f7;border-radius:12px;padding:11px}.phrase-card dt{color:#697873;font-size:.78rem}.phrase-card dd{margin:5px 0 0;line-height:1.7}.phrase-examples{gap:10px;margin:14px 0;display:grid}.phrase-examples article{background:#f8fcfa;border:1px solid #dce7e1;border-radius:14px;padding:13px}.phrase-examples article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.phrase-examples p{margin:0;line-height:1.8}.phrase-examples span{color:#64736e;margin-top:8px;display:block}.common-error{background:#fff5ee;border-radius:14px;grid-template-columns:auto 1fr;gap:8px 12px;padding:14px;display:grid}.common-error strong{grid-column:1/-1}.common-error del{color:#a23d3d}.common-error ins{color:#146c50;font-weight:800;text-decoration:none}.common-error p{grid-column:1/-1;margin:0}.phrase-status{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.phrase-status select{border:1px solid var(--p-border);background:#fff;border-radius:10px;min-height:42px;padding:7px 10px}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.comparison-panel{border:1px solid var(--p-border);background:#fff;border-radius:20px;padding:20px}.comparison-panel>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.comparison-panel>div button{border:1px solid var(--p-border);cursor:pointer;background:#f7f9f8;border-radius:11px;min-height:46px}.comparison-panel>div button[aria-selected=true]{color:#fff;border-color:var(--p-green);background:var(--p-green)}.comparison-panel dt{color:#6b7975;margin-top:10px;font-size:.78rem}.comparison-panel dd{margin:4px 0;line-height:1.7}.comparison-panel details{background:#edf6f1;border-radius:10px;margin-top:14px;padding:10px}.practice-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.practice-heading strong{font-size:1.4rem}.l3p-progress{background:#e7eeea;border-radius:999px;height:10px;margin:15px 0 28px;overflow:hidden}.l3p-progress span{border-radius:inherit;background:var(--p-green);height:100%;transition:width .25s;display:block}.phrase-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.phrase-choices button{border:2px solid var(--p-border);min-height:62px;color:var(--p-ink);font:inherit;cursor:pointer;background:#fff;border-radius:15px;padding:12px}.phrase-choices button.selected{background:#fff7df;border-color:#94712e}.phrase-choices button.correct{background:#e8f7ef;border-color:#25835f}.phrase-choices button.wrong{background:#fff0f0;border-color:#b64040}.reorder-area{gap:15px;display:grid}.ordered-sentence{background:#f6faf8;border:2px dashed #9bb9ad;border-radius:15px;min-height:70px;padding:18px;font-size:1.15rem;line-height:1.8}.token-bank,.reorder-controls{flex-wrap:wrap;gap:9px;display:flex}.token-bank button,.reorder-controls button{border:1px solid var(--p-border);cursor:pointer;background:#fff;border-radius:11px;min-height:42px;padding:8px 12px}.token-bank button:disabled{opacity:.38}.phrase-feedback{border-radius:15px;margin-top:18px;padding:18px}.phrase-feedback.correct{background:#ebf8f1;border:1px solid #7ebc9f}.phrase-feedback.wrong{background:#fff1f1;border:1px solid #dea0a0}.phrase-feedback details{background:#fff;border-radius:10px;margin:10px 0;padding:10px}.phrase-review-links{flex-wrap:wrap;gap:8px;display:flex}.phrase-review-links button{border:1px solid var(--p-border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px}.guided-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.guided-grid article{border:1px solid var(--p-border);background:#fff;border-radius:20px;padding:20px}.guided-grid textarea{box-sizing:border-box;border:1px solid var(--p-border);resize:vertical;width:100%;font:inherit;border-radius:13px;margin:12px 0;padding:13px}.guided-grid .button{color:#fff;background:var(--p-green);cursor:pointer;border:0;border-radius:11px;min-height:44px;padding:8px 14px}.speaking-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:260px;display:grid;overflow:auto}.speaking-checklist label{background:#f4f8f5;border-radius:9px;align-items:center;gap:7px;padding:8px;display:flex}.l3p-actions{flex-wrap:wrap;justify-content:flex-end;gap:11px;margin-top:28px;display:flex}.l3p-actions .button,.l3p-actions .review-button{border-radius:13px;justify-content:center;align-items:center;min-height:48px;padding:10px 17px;font-weight:800;text-decoration:none;display:inline-flex}.l3p-actions .button{border:1px solid var(--p-green);color:#fff;background:var(--p-green)}.l3p-actions .review-button{border:1px solid var(--p-border);color:var(--p-ink);background:#fff}.l3p-actions button{cursor:pointer}.l3p-actions button:disabled{opacity:.5;cursor:not-allowed}.results-panel{text-align:center}.result-medal{font-size:4rem}.result-score{border:12px solid #edf6f1;border-radius:50%;place-items:center;gap:5px;width:180px;height:180px;margin:20px auto;display:grid}.result-score strong{font-size:2.3rem}.needs-review{background:#fff6e7;border-radius:16px;margin-top:14px;padding:18px}.phrase-audio-error{z-index:8;color:#812929;background:#fff0f0;border-radius:12px;width:fit-content;max-width:100%;margin:18px auto 0;padding:12px 18px;position:sticky;bottom:18px;box-shadow:0 8px 24px #0000001f}.level-three-phrases button:focus-visible,.level-three-phrases a:focus-visible,.level-three-phrases summary:focus-visible,.level-three-phrases textarea:focus-visible,.level-three-phrases select:focus-visible,.level-three-phrases input:focus-visible{outline-offset:3px;outline:3px solid #e1a84f}@media (max-width:900px){.l3p-header{flex-direction:column}.l3p-summary{width:100%}.l3p-steps{grid-template-columns:repeat(6,120px)}.phrase-card-pair,.comparison-grid,.guided-grid{grid-template-columns:1fr}.phrase-group-tabs{grid-template-columns:repeat(5,150px)}}@media (max-width:560px){.level-three-phrases{padding:22px 12px 55px}.l3p-panel{border-radius:20px;padding:18px 14px}.discover-panel>img{aspect-ratio:16/10}.prediction-grid,.phrase-choices{grid-template-columns:1fr}.phrase-card{padding:16px}.phrase-card-meta{flex-direction:column}.common-error{grid-template-columns:1fr}.common-error strong,.common-error p{grid-column:auto}.speaking-checklist{grid-template-columns:1fr}.l3p-actions{flex-direction:column}.l3p-actions>*{width:100%}}.phrase-feedback,.phrase-feedback *{color:#243a34!important;opacity:1!important}.phrase-feedback.wrong{color:#7d2f2f!important}.phrase-feedback.correct{color:#155c43!important}
.level3-reading-page{--r-ink:#172a2b;--r-green:#0f766e;--r-green-dark:#155e57;--r-coral:#c65d42;--r-gold:#c8962e;--r-paper:#fffdf8;--r-line:#dfe7e2;min-height:100vh;color:var(--r-ink);font-family:var(--font-arabic,Arial,sans-serif);background:radial-gradient(circle at 12% 8%,#c8962e1f,#0000 24rem),linear-gradient(#f7f5ee,#edf4f0);padding:clamp(22px,4vw,64px)}.l3r-header,.l3r-phases,.l3r-panel{width:min(1180px,100%);margin-inline:auto}.l3r-header>a{color:var(--r-green-dark);font-weight:800}.l3r-header h1{max-width:900px;margin:.55rem 0 .25rem;font-size:clamp(2rem,4vw,3.7rem);line-height:1.25}.l3r-header>p{color:#62706d;margin:0}.l3r-stats{flex-wrap:wrap;align-items:center;gap:.45rem 1rem;margin-top:1.2rem;display:flex}.l3r-stats strong{color:var(--r-green-dark);font-size:1.35rem}.l3r-stats span{border-inline-end:1px solid var(--r-line);color:#687572;padding-inline-end:1rem}.l3r-phases{grid-template-columns:repeat(6,1fr);gap:8px;margin-block:28px;display:grid}.l3r-phases button{color:#62706d;cursor:pointer;background:#ffffffb3;border:1px solid #cddbd5;border-radius:18px;justify-items:center;gap:4px;min-height:88px;padding:11px 6px;display:grid}.l3r-phases button span{background:#e1e9e5;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.l3r-phases button small{font-size:.72rem}.l3r-phases button.active{border-color:var(--r-green);background:var(--r-green);color:#fff;box-shadow:0 12px 30px #0f766e33}.l3r-phases button.active span{color:var(--r-green);background:#fff}.l3r-phases button:disabled{cursor:not-allowed;opacity:.45}.l3r-panel{background:#fffdf8f7;border:1px solid #11463f1f;border-radius:28px;padding:clamp(20px,4vw,44px);box-shadow:0 24px 70px #26463c1a}.l3r-panel h2{font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:1.35}.l3r-panel .eyebrow{color:var(--r-coral);letter-spacing:.02em;font-weight:900}.l3r-panel.prediction{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:clamp(24px,4vw,48px);padding:0;display:grid;overflow:hidden}.l3r-panel.prediction>img{object-fit:cover;width:100%;height:100%;min-height:620px}.l3r-prediction-copy{padding:clamp(24px,4vw,48px) clamp(24px,4vw,48px) clamp(24px,4vw,48px) 0}.genre-row{flex-wrap:wrap;gap:8px;margin-block:1rem;display:flex}.genre-row span,.fiction-notice{color:#31554f;background:#edf5f1;border-radius:999px;padding:9px 13px}.fiction-notice{border-radius:14px;line-height:1.7}.pre-reading-list{gap:10px;margin-block:22px;display:grid}.pre-reading-list>details{border:1px solid var(--r-line);background:#fff;border-radius:14px;padding:13px 15px}.pre-reading-list summary{cursor:pointer;font-weight:800}.pre-reading-list p{color:#667470;margin:.7rem 0 0}.english-hint{margin-top:8px}.english-hint summary{color:#7c5222;background:#f5eee3;border-radius:999px;padding:6px 10px;font-size:.82rem;display:inline-block}.l3r-section-heading,.practice-heading,.reading-section-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.l3r-section-heading{margin-bottom:20px}.l3r-section-heading h2,.practice-heading h2{margin:.25rem 0}.l3r-progress{background:#e4ebe7;border-radius:999px;height:9px;margin:14px 0 28px;overflow:hidden}.l3r-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--r-gold),var(--r-coral));height:100%;transition:width .25s;display:block}.reading-section{border:1px solid var(--r-line);background:#fff;border-radius:22px;max-width:78ch;margin:0 auto 20px;padding:clamp(20px,4vw,36px);scroll-margin-top:20px}.reading-section.audio-active{outline:3px solid #c8962e80;box-shadow:0 0 0 7px #c8962e1a}.reading-section h3{margin:0;font-size:1.45rem}.reading-section>p{text-align:start;font-size:clamp(1.12rem,1.7vw,1.35rem);line-height:2.15}.reading-section.authentic>p{font-family:Georgia,Noto Naskh Arabic,serif}.reading-section aside{border-inline-start:5px solid var(--r-gold);background:#fff8e8;border-radius:10px;gap:6px;margin-top:20px;padding:15px 18px;display:grid}.reading-section aside small{color:#737b78}.l3r-audio{color:var(--r-green-dark);cursor:pointer;background:#edf7f3;border:1px solid #bad0c7;border-radius:999px;flex:none;padding:9px 13px;font-weight:800}.l3r-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;display:flex}.l3r-actions .button,.l3r-actions .review-button,.l3r-panel>.button{border:1px solid var(--r-green);background:var(--r-green);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:45px;padding:10px 18px;font-weight:850;text-decoration:none;display:inline-flex}.l3r-actions .review-button{color:var(--r-green-dark);background:#fff}.l3r-actions button:disabled{opacity:.45;cursor:not-allowed}.reading-mode{background:#e8efeb;border-radius:14px;gap:7px;padding:5px;display:flex}.reading-mode button{color:#50645f;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-weight:800}.reading-mode button.active{color:var(--r-green-dark);background:#fff;box-shadow:0 4px 12px #163c341f}.target-legend{background:#f2f7f4;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;padding:12px 15px;display:flex}.target-legend span,.target-reference>span{color:#fff;border-radius:8px;place-items:center;min-width:28px;height:28px;padding-inline:7px;font-weight:900;display:inline-grid}.target-legend .vocabulary,.target-reference>.vocabulary{background:var(--r-green)}.target-legend .phrase,.target-reference>.phrase{background:var(--r-coral)}.close-reading-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.close-reading-grid .reading-section{max-width:75ch}.reading-target{font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid;align-items:center;gap:3px;margin:0 2px;padding:0 4px;display:inline-flex}.reading-target>span{color:#fff;border-radius:5px;place-items:center;width:18px;height:18px;font:700 11px/1 Arial;display:inline-grid}.reading-target.vocabulary{color:var(--r-green-dark);background:#e8f6f1}.reading-target.vocabulary>span{background:var(--r-green)}.reading-target.phrase{color:#9c442f;background:#fff0eb}.reading-target.phrase>span{background:var(--r-coral)}.target-reference{border:1px solid var(--r-line);background:#f8fbf9;border-radius:20px;gap:10px;padding:21px;display:grid;position:sticky;top:18px}.target-reference h3,.target-reference p,.target-reference dl{margin:0}.target-reference dt{color:#6d7976;font-size:.78rem}.target-reference dd{margin:3px 0 0;font-weight:800}.target-reference button{border:1px solid var(--r-green);color:var(--r-green-dark);cursor:pointer;background:#fff;border-radius:9px;justify-self:start;padding:8px 12px}.practice-heading strong{font-size:1.3rem}.skill-badge{color:#76530e;background:#f4ead4;border-radius:999px;padding:6px 11px;font:800 .8rem/1 Arial;display:inline-block}.reading-choices{gap:11px;margin-top:22px;display:grid}.reading-choices button{color:var(--r-ink);text-align:start;font:inherit;cursor:pointer;background:#fff;border:1px solid #cedbd5;border-radius:14px;padding:15px 17px;font-weight:750}.reading-choices button:not(:disabled):hover{border-color:var(--r-green);transform:translateY(-1px)}.reading-choices button.correct{color:#0d624f;background:#e5f7f0;border-color:#16866d}.reading-choices button.wrong{color:#8f3a29;background:#fff0ed;border-color:#cc604a}.reading-feedback{border-radius:17px;margin-top:20px;padding:18px}.reading-feedback.correct{background:#eaf8f3;border:1px solid #8dcdbc}.reading-feedback.wrong{background:#fff1ee;border:1px solid #e0a296}.reading-feedback p[dir=ltr]{color:#4e5c59}.review-sections,.review-strip{flex-wrap:wrap;gap:8px;display:flex}.review-sections button,.review-strip button{color:var(--r-coral);cursor:pointer;background:#fff;border:1px solid;border-radius:999px;padding:7px 10px}.summary-result{background:linear-gradient(135deg,#e6f6ef,#fff7e8);border-radius:22px;align-items:center;gap:20px;padding:20px;display:flex}.summary-result>span{font-size:3.4rem}.summary-result h2,.summary-result p{margin:.2rem 0}.summary-result strong{color:var(--r-green-dark);font-size:2rem}.review-strip{background:#fff3ef;border:1px solid #edd1c8;border-radius:15px;align-items:center;margin-block:18px;padding:14px}.summary-panel textarea{box-sizing:border-box;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #c9d7d1;border-radius:18px;margin-block:15px;padding:18px;font-size:1.08rem;line-height:1.9}.summary-counters{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.summary-counters span{border:1px solid var(--r-line);text-align:center;background:#f5f7f5;border-radius:12px;padding:12px}.summary-counters span.complete{color:#0f6c58;background:#e8f8f2;border-color:#71bca8}.used-items{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.used-items span{color:#31554f;background:#eef4f1;border-radius:999px;padding:6px 10px}.summary-feedback{border-inline-start:5px solid var(--r-green);background:#edf8f4;border-radius:11px;padding:15px}.privacy-note{color:#64716e}.l3r-audio-error{z-index:30;color:#fff;background:#8d3328;border-radius:12px;width:max-content;max-width:calc(100% - 40px);margin:auto;padding:12px 18px;position:fixed;inset:auto 20px 20px;box-shadow:0 10px 30px #50140f40}.l3v-panel.results-panel .waiting{display:none}.vocabulary-reading-link{color:#155e57;border:1px solid #0f766e;border-radius:12px;margin-top:14px;padding:10px 18px;font-weight:850;text-decoration:none;display:inline-flex}@media (max-width:900px){.l3r-panel.prediction{grid-template-columns:1fr}.l3r-panel.prediction>img{min-height:300px;max-height:460px}.l3r-prediction-copy{padding:24px}.close-reading-grid{grid-template-columns:1fr}.target-reference{position:static}.l3r-phases{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.level3-reading-page{padding:16px}.l3r-phases{grid-template-columns:repeat(2,1fr)}.l3r-phases button{min-height:76px}.l3r-panel{border-radius:20px;padding:18px}.l3r-section-heading,.practice-heading,.reading-section-title{flex-direction:column;align-items:stretch}.reading-mode{width:100%}.reading-mode button{flex:1}.reading-section{padding:18px}.reading-section>p{font-size:1.08rem;line-height:2}.l3r-audio{align-self:flex-start}.l3r-actions{flex-direction:column}.l3r-actions .button,.l3r-actions .review-button{box-sizing:border-box;width:100%}.summary-counters{grid-template-columns:1fr}.summary-result{flex-direction:column;align-items:flex-start}.l3r-stats span{border:0;padding:0}}.reading-feedback,.reading-feedback *{opacity:1!important}.reading-feedback.wrong{color:#7d2f2f!important}.reading-feedback.correct{color:#155c43!important}