.sy-overlay{position:fixed;inset:0;z-index:21000;background:#f8faf7;overflow:auto;color:#184739;font-family:inherit;direction:rtl;text-align:right;overscroll-behavior:contain}.sy-overlay[hidden]{display:none}.sy-shell{max-width:1180px;margin:auto;padding:24px 22px 50px}.sy-overlay button,.sy-overlay select,.sy-overlay input{font:inherit}.sy-overlay button{border:1px solid #cfb267;border-radius:12px;padding:11px 16px;background:#fff;color:#12513d;cursor:pointer;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .18s}.sy-overlay button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #173f3010}.sy-overlay button:disabled{opacity:.65;cursor:default}.sy-overlay button.sy-primary{background:linear-gradient(120deg,#0b6549,#064c37);color:#fff;border-color:#c8a140}.sy-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.sy-top>div:last-child{display:flex;gap:9px}.sy-brand{display:flex;align-items:center;gap:15px;direction:ltr;text-align:left}.sy-brand img{width:74px;height:74px;border-radius:50%;border:1px solid #d9b753;object-fit:cover}.sy-brand small{color:#ad7d17;font-weight:900;letter-spacing:1px;font-size:10px}.sy-brand h2{font-size:34px;line-height:1.1;margin:3px 0;color:#0d503b}.sy-brand span{font-size:12px;color:#617368}.sy-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;border:1px solid #d5b255;border-radius:26px;overflow:hidden;padding:28px;background:linear-gradient(115deg,#fffaf0,#fff 65%);box-shadow:0 10px 32px #173f300b;direction:ltr;text-align:left}.sy-hero small{font-size:11px;letter-spacing:2px;color:#9d7623;font-weight:900}.sy-hero h1{font-size:clamp(30px,4vw,48px);color:#124c3b;line-height:1.15;margin:14px 0}.sy-hero h2{font-size:21px;line-height:1.7;text-align:right;color:#245444}.sy-hero p{text-align:right;color:#65786a;line-height:1.8}.sy-hero img{display:block;width:100%;border-radius:18px;border:1px solid #dfc581}.sy-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.sy-tabs button.on{background:#0c5940;color:white;border-color:#d2b153}.sy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.sy-stats>div{background:white;border:1px solid #ded2ad;border-radius:18px;padding:20px;text-align:center}.sy-stats b{display:block;font-size:34px;color:#b48223;direction:ltr}.sy-stats span{font-size:14px;color:#5d7265}.sy-panel{background:#fff;border:1px solid #d4e1d9;border-radius:22px;padding:26px;margin:22px 0}.sy-panel h2{color:#134d3a;font-size:27px}.sy-panel p{line-height:1.9}.sy-welcome{text-align:center}.sy-welcome h2{text-align:center}.sy-controls{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.sy-controls input,.sy-controls select{padding:12px;border:1px solid #bcd2c4;border-radius:12px;background:white;color:#164b38;font-size:16px}.sy-controls input{flex:1;min-width:180px}.sy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sy-phrase{background:white;border:1px solid #d5dfd4;border-radius:18px;padding:22px;animation:sy-rise .25s ease}.sy-say{display:block;direction:ltr;text-align:left;color:#137a51;font-weight:900;margin-bottom:13px}.sy-en{display:block;direction:ltr;text-align:left;font-family:Arial,sans-serif;font-size:22px;line-height:1.55;overflow-wrap:anywhere;color:#164838}.sy-ar{direction:rtl;text-align:right;font-size:18px;color:#607367;line-height:1.8;margin:13px 0}.sy-dont{background:#fff3f2;border:1px solid #f0d6ce;border-radius:12px;padding:12px;margin-top:15px}.sy-dont small{display:block;color:#a44335;font-weight:800;margin-bottom:7px;text-align:left;direction:ltr}.sy-dont .sy-en{color:#9b493d;font-size:19px}.sy-note{background:#fff9e8;border:1px solid #ecdba9;border-radius:12px;padding:13px;color:#6a6749;font-size:14px;line-height:1.9}.sy-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.sy-actions button{padding:9px 12px;font-size:13px}.sy-actions button:disabled{background:#edf7ef;border-color:#b5d8bd;color:#39724b}.sy-foot{font-size:12px;color:#708173;line-height:1.8;margin:30px 0 0}.sy-flash{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;min-height:290px;width:100%;padding:32px!important;background:linear-gradient(135deg,#fff9e3,#edf6ed)!important;border-radius:24px!important;box-shadow:0 10px 30px #143e2910}.sy-flash .sy-ar{font-size:29px;color:#a57d25;text-align:center}.sy-flash .sy-en{font-size:31px;text-align:left;align-self:stretch}.sy-flash.revealed{background:linear-gradient(135deg,#edf8f0,#fffdf3)!important;animation:sy-reveal .25s ease}.sy-card-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:24px 0 15px}.sy-center{text-align:center;direction:ltr}.sy-progress{height:10px;border-radius:10px;background:#edf2e9;overflow:hidden;margin-top:24px;direction:ltr}.sy-progress>div{height:100%;background:linear-gradient(90deg,#d1a43d,#167556);transition:width .25s}.sy-counter{direction:ltr;text-align:left;color:#99752c;font-size:14px;font-weight:800}.sy-prompt{background:#fff8df;border-radius:15px;padding:20px;color:#835f1b;font-size:25px;line-height:1.8}.sy-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.sy-options button{text-align:left;direction:ltr;padding:18px;display:flex;gap:13px;align-items:center;font-family:Arial,sans-serif;font-size:20px;line-height:1.5;background:#f6faf6;border-color:#bad0c0;min-height:80px}.sy-options button>span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#e2bf54;font-size:17px;color:#164632;font-weight:900}.sy-options button.correct{background:#e5f6e9;border-color:#169454;opacity:1;animation:sy-rise .25s}.sy-options button.wrong{background:#ffeded;border-color:#cc5849;opacity:1}#syFeedback:not(:empty){padding:20px;border:1px solid #dce7dc;border-radius:16px;background:#f3f8f0;margin:20px 0;font-size:18px}#syFeedback .sy-en{margin:12px 0}.sy-result{text-align:center;padding:30px}.sy-result>strong{display:block;color:#b08125;font-size:68px;direction:ltr}.sy-result>p{font-size:19px}.sy-result button{margin:8px}#syQuizStatus{color:#815f24;line-height:1.8}.sy-certificate{background:linear-gradient(135deg,#fff,#fbfdf8);border:9px double #c7a351;outline:1px solid #d7c082;outline-offset:-18px;padding:38px;text-align:center;direction:ltr;color:#174c3b;max-width:950px;margin:28px auto;font-family:Arial,sans-serif;box-sizing:border-box}.sy-cert-top{display:flex;justify-content:center;gap:22px;align-items:center}.sy-cert-top img{width:112px;height:100px;object-fit:contain}.sy-cert-top h2{font-size:42px;color:#ad7b20;margin:3px 0}.sy-cert-top p{margin:5px 0;font-size:17px}.sy-cert-top small{font-weight:800;letter-spacing:2px;color:#245a47}.sy-cert-rule{height:1px;background:linear-gradient(90deg,transparent,#c1a24d,transparent);margin:24px}.sy-certificate>small{letter-spacing:2px;font-size:11px;color:#8c7644}.sy-certificate h1{font-family:Georgia,serif;font-size:36px;color:#174b38;margin:20px 0}.sy-certificate>p{font-size:16px;line-height:1.6;margin:12px 0;color:#526d5d}.sy-cert-name{font-family:Georgia,serif;font-size:34px;color:#af7e29;margin:25px 0;border-bottom:1px solid #d8bc78;padding:0 0 14px;overflow-wrap:anywhere}.sy-cert-score{font-size:45px;color:#b38328}.sy-cert-supervisor{margin:24px 0;line-height:1.8;font-size:15px}.sy-cert-id{display:block;font-size:10px!important;letter-spacing:0!important;overflow-wrap:anywhere}.sy-print-body{background:white;margin:0;padding:12mm}.sy-print-body .sy-certificate{margin:0 auto;max-width:none}@keyframes sy-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes sy-reveal{from{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:850px){.sy-grid{grid-template-columns:1fr 1fr}.sy-hero{grid-template-columns:1fr 1fr;padding:22px;gap:20px}.sy-top{flex-wrap:wrap}}@media(max-width:600px){.sy-shell{padding:16px 12px}.sy-hero{grid-template-columns:1fr;padding:22px}.sy-hero img{max-height:190px;object-fit:cover}.sy-grid,.sy-options{grid-template-columns:1fr}.sy-stats{grid-template-columns:1fr 1fr;gap:10px}.sy-stats>div{padding:14px}.sy-tabs{gap:7px}.sy-tabs button{padding:10px;font-size:13px}.sy-panel{padding:18px}.sy-flash{padding:22px!important}.sy-flash .sy-ar{font-size:25px}.sy-cert-top{gap:10px}.sy-cert-top img{width:75px;height:75px}.sy-certificate{padding:24px}.sy-certificate h1{font-size:28px}.sy-cert-name{font-size:27px}}@media(prefers-reduced-motion:reduce){.sy-overlay *{animation:none!important;transition:none!important}}@media print{@page{size:A4 landscape;margin:10mm}.sy-print-body{padding:0}.sy-print-body .sy-certificate{min-height:175mm;break-inside:avoid;box-shadow:none}.sy-certificate h1{font-size:31px}.sy-cert-name{font-size:30px;margin:20px 0}.sy-cert-top img{height:80px}.sy-cert-rule{margin:17px}.sy-cert-supervisor{margin:17px 0}}
.sy-sample-notice{margin:20px 0;padding:18px;border:1px solid #d8bb70;border-radius:15px;background:#fff8df;line-height:1.9;color:#786331}.sy-sample-notice button{margin:8px}
@media print{.sy-print-body .sy-certificate{padding:24px}.sy-certificate .sy-cert-top img{width:90px;height:70px}.sy-certificate .sy-cert-top h2{font-size:34px}.sy-certificate h1{font-size:28px;margin:12px 0}.sy-certificate>p{font-size:14px;line-height:1.45;margin:8px 0}.sy-certificate .sy-cert-name{font-size:28px;margin:12px 0;padding-bottom:8px}.sy-certificate .sy-cert-rule{margin:10px}.sy-certificate .sy-cert-score{font-size:38px}.sy-certificate .sy-cert-supervisor{font-size:14px;line-height:1.5;margin:12px 0}}
.sy-top>div:last-child{direction:ltr;text-align:left}.sy-controls input[dir=auto]{text-align:start}

.sy-recorded-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:15px 18px;margin:12px 0 20px;border:1px solid #d9c68a;border-radius:16px;background:#fff9e9;color:#184536}.sy-recorded-controls select{font:inherit;padding:9px;border:1px solid #adc8ba;border-radius:9px;background:white}.sy-recorded-controls #syAudioStatus{flex-basis:100%;font-size:.95rem;line-height:1.7}.sy-recorded-controls #syAudioStatus:empty{display:none}