.st-overlay{position:fixed;inset:0;z-index:100050;background:#092c297a;backdrop-filter:blur(7px);overflow:auto;padding:28px 16px;color:#153e37;font:16px/1.65 Arial,sans-serif;direction:ltr;text-align:left}.st-overlay *{box-sizing:border-box}.st-shell{max-width:1100px;margin:auto;background:#fbfcf8;border:1px solid #d9b75d;border-radius:25px;overflow:hidden;box-shadow:0 25px 70px #09292340}.st-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:#fff;border-bottom:1px solid #e9d59d}.st-header h2{margin:3px 0;font-size:27px}.st-header p{margin:0;text-align:left}.st-header small,.st-title small,.st-intro small{color:#9c731e;letter-spacing:.13em;font-weight:bold}.st-overlay button,.st-overlay select{font:inherit;border:1px solid #d6b76b;border-radius:12px;padding:10px 15px;background:white;color:#154f40;cursor:pointer}.st-overlay button:hover{background:#f7f0d8}.st-overlay button:focus-visible,.st-overlay select:focus-visible,.st-overlay summary:focus-visible{outline:3px solid #c69c35;outline-offset:3px}.st-overlay button:disabled{cursor:default}.st-header button{font-size:25px}#stBody{padding:26px}.st-intro{display:flex;gap:25px;align-items:center;margin-bottom:28px}.st-intro img{width:43%;aspect-ratio:3/2;object-fit:cover;border-radius:22px;border:1px solid #d6b76b}.st-intro h1{font-size:30px;line-height:1.25}.st-intro p{text-align:right}.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.st-card{padding:24px;margin:16px 0;background:white;border:1px solid #dfd5b5;border-radius:20px;box-shadow:0 8px 24px #18493708}.st-card h2{font-size:23px;line-height:1.4;margin:8px 0 15px}.st-card h3{margin:5px 0;text-align:right}.st-card small{display:block;color:#846b31}.st-card>button{margin-top:14px;background:#0b5543;color:#fff}.st-card>button:hover{background:#08745b}.st-scene{font-size:42px;background:linear-gradient(120deg,#fff3ce,#eaf5ef);border-radius:15px;padding:12px 20px}.st-title{display:flex;align-items:center;gap:20px;margin:24px 0}.st-title>span{font-size:60px}.st-title h1{font-size:36px;margin:0}.st-title h2{font-size:22px;margin:0;text-align:left}.st-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.st-tabs [aria-selected=true]{background:#0b5543;color:white;border-color:#0b5543}.st-voices{background:#fff7e2;border:1px solid #e8cc8b;padding:18px;border-radius:18px}.st-overlay details summary{cursor:pointer;font-weight:bold}.st-overlay label{display:inline-flex;gap:8px;align-items:center;margin:8px;flex-wrap:wrap}.st-overlay select{max-width:270px}.st-toolbar{padding:12px 0;position:sticky;top:0;background:#fbfcf8ed;z-index:1;border-bottom:1px solid #eadbad;backdrop-filter:blur(10px)}.st-toolbar p{margin:3px 8px;color:#8c6414}.st-line{border-left:4px solid #c6a04c;border-radius:13px;padding:16px 20px;margin:16px 0;background:#f8f6ef;transition:background .2s,box-shadow .2s}.st-line.role-1{background:#eff7f3;border-color:#347b65}.st-line.role-2{background:#eef3fa;border-color:#5275aa}.st-en{font-size:21px;font-weight:600;direction:ltr;text-align:left;margin:9px 0}.st-ar{font-size:18px;direction:rtl;text-align:right;color:#526b61}.st-speaking{box-shadow:0 0 0 3px #d1ae4b;background:#fff6d6!important}.st-yourturn{box-shadow:0 0 0 3px #2d9674;background:#e4f9ef!important}.st-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-options button{text-align:left;font-size:19px;min-height:65px;color:#183f36;background:#fff}.st-options b{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f5df99;margin-right:8px}.st-options .st-correct{background:#e0f6e9;border:2px solid #2c8b60}.st-options .st-wrong{background:#fff0ed;border:2px solid #c65a51}.st-feedback{padding:14px;border-radius:12px;background:#eef7f0}.st-overlay progress{display:block;width:100%;accent-color:#bc912d;margin-top:12px}.st-card details{margin-top:18px}.st-card details button{margin:10px 0}.st-card details label{display:flex}@media(max-width:650px){.st-overlay{padding:8px}.st-shell{border-radius:18px}#stBody{padding:16px}.st-header{padding:18px}.st-header h2{font-size:22px}.st-intro{display:block}.st-intro img{width:100%}.st-intro h1{font-size:26px}.st-title h1{font-size:28px}.st-options{grid-template-columns:1fr}.st-card{padding:18px}.st-toolbar{position:static}}@media(prefers-reduced-motion:reduce){.st-overlay *{scroll-behavior:auto!important;transition:none!important}}
header.st-header{position:static;inset:auto;width:auto;margin:0;box-shadow:none;direction:ltr;text-align:left;color:#153e37}header.st-header h2,header.st-header p{color:#153e37!important;display:block;visibility:visible}header.st-header small{color:#9c731e!important}