.scld-shell{--scld-primary:#7250ad;--scld-primary-strong:#5a3a94;--scld-primary-soft:#f3eefb;--scld-accent:#a68cbe;--scld-accent-soft:#f6f1fd;--scld-ink:#30253f;--scld-muted:#776b85;--scld-line:#e5ddef;--scld-page:#f8f6ff;--scld-ok:#27725f;--scld-ok-soft:#edf8f3;--scld-error:#9a3943;--scld-error-soft:#fff3f4;--scld-warn:#946410;--scld-warn-soft:#fff7e7;--scld-calm:#5f6fb0;--scld-calm-soft:#eef0fa;--scld-radius:20px;background:var(--scld-page);min-height:100dvh;color:var(--scld-ink);font-family:Lexend,Readex Pro,sans-serif}.scld-shell[lang=ar]{font-family:Readex Pro,Lexend,sans-serif}.scld-shell.embedded{background:0 0;min-height:0;font-family:Lexend,Readex Pro,sans-serif}.scld-header{background:#fff;border-bottom:1px solid #e7def4;flex-wrap:wrap;gap:18px;padding:12px calc(max(16px,50vw - 590px))}.scld-brand,.scld-header,.scld-header-actions,.scld-lang,.scld-partner{align-items:center;display:flex}.scld-brand{color:inherit;gap:10px;text-decoration:none}.scld-brand img{-o-object-fit:contain;object-fit:contain;width:44px;height:44px}.scld-brand-name{color:#653daa;font-family:Lexend,sans-serif;font-size:26px;font-weight:800}.scld-brand-study{border-inline-start:1px solid var(--scld-line);color:var(--scld-muted);padding-inline-start:12px;font-weight:500}.scld-partner{background:var(--scld-page);border:1px solid var(--scld-line);border-radius:14px;gap:8px;padding:4px 12px}.scld-partner small{color:var(--scld-muted);font-size:12px}.scld-partner img{width:auto;height:34px}.scld-lang{background:var(--scld-primary-soft);color:#503773;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:14px;gap:6px;padding:6px 14px;font-weight:600}.scld-lang:hover{background:#e9def8}.scld-header-actions{flex-wrap:wrap;gap:10px;margin-inline-start:auto}.scld-who{flex-direction:column;font-weight:600;line-height:1.2;display:flex}.scld-who small{color:var(--scld-muted);font-weight:400}.scld-icon-button{border:1px solid var(--scld-line);width:44px;height:44px;color:var(--scld-ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid}.scld-icon-button:hover{background:var(--scld-primary-soft)}.scld-sync{background:var(--scld-ok-soft);min-height:44px;color:var(--scld-ok);font:inherit;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;display:flex}.scld-sync.stuck{background:var(--scld-warn-soft);color:var(--scld-warn);cursor:pointer;border-color:#f0d4a0}.scld-main{max-width:1180px;margin:0 auto;padding:28px 16px 96px}.scld-main h1{margin:0 0 6px;font-size:calc(clamp(26px,4vw,36px))}.scld-main h2{margin:0 0 12px;font-size:22px}.scld-lead{color:var(--scld-muted);margin:0 0 24px;font-size:18px}.scld-button{border:2px solid var(--scld-primary);background:var(--scld-primary);color:#fff;min-height:52px;font:inherit;cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-size:18px;font-weight:600;text-decoration:none;transition:background .12s,transform .12s;display:inline-flex}.scld-button:hover:not(:disabled){background:var(--scld-primary-strong);border-color:var(--scld-primary-strong)}.scld-button:active:not(:disabled){transform:translateY(1px)}.scld-button:disabled{opacity:.45;cursor:not-allowed}.scld-button.secondary{color:var(--scld-primary);background:#fff}.scld-button.secondary:hover:not(:disabled){background:var(--scld-primary-soft);color:var(--scld-primary-strong)}.scld-button.ghost{color:var(--scld-primary);background:0 0;border-color:#0000}.scld-button.ghost:hover:not(:disabled){background:var(--scld-primary-soft)}.scld-button.huge{border-radius:24px;min-height:84px;padding:16px 40px;font-size:24px}.scld-button.record{background:#c62f3c;border-color:#c62f3c}.scld-button.record:hover:not(:disabled){background:#a3232f;border-color:#a3232f}.scld-button.ok{background:var(--scld-ok);border-color:var(--scld-ok)}.scld-button.ok:hover:not(:disabled){background:#155c40;border-color:#155c40}.scld-button.small{border-radius:12px;min-height:40px;padding:6px 14px;font-size:15px}.scld-shell :focus-visible{outline:3px solid var(--scld-accent);outline-offset:2px}.scld-card{border:1px solid var(--scld-line);border-radius:var(--scld-radius);background:#fff;padding:22px;box-shadow:0 4px 18px #12324a0d}.scld-stack>*+*{margin-top:18px}.scld-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;display:grid}.scld-tile{border:2px solid var(--scld-line);border-radius:var(--scld-radius);color:inherit;font:inherit;text-align:start;cursor:pointer;background:#fff;flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.scld-tile:hover{border-color:var(--scld-primary);box-shadow:0 6px 22px #13619e1f}.scld-tile.done{background:var(--scld-ok-soft);border-color:#bfe3d2}.scld-tile.next{border-color:var(--scld-primary);box-shadow:0 0 0 4px var(--scld-primary-soft)}.scld-code{color:var(--scld-primary);letter-spacing:.02em;font-family:Lexend,sans-serif;font-size:30px;font-weight:700}.scld-progress{background:var(--scld-primary-soft);border-radius:8px;height:8px;overflow:hidden}.scld-progress span{background:var(--scld-primary);border-radius:8px;height:100%;display:block}.scld-pill{background:var(--scld-primary-soft);color:var(--scld-primary-strong);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.scld-pill.ok{background:var(--scld-ok-soft);color:var(--scld-ok)}.scld-pill.warn{background:var(--scld-warn-soft);color:var(--scld-warn)}.scld-pill.error{background:var(--scld-error-soft);color:var(--scld-error)}.scld-muted{color:var(--scld-muted)}.scld-alert{background:var(--scld-error-soft);color:var(--scld-error);border-radius:14px;padding:14px 18px;font-weight:500}.scld-alert.info{background:var(--scld-accent-soft);color:var(--scld-primary-strong)}.scld-alert.ok{background:var(--scld-ok-soft);color:var(--scld-ok)}.scld-steps{flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.scld-steps li{border:1px solid var(--scld-line);color:var(--scld-muted);background:#fff;border-radius:999px;padding:6px 14px;font-size:14px}.scld-steps li.active{background:var(--scld-primary);border-color:var(--scld-primary);color:#fff}.scld-steps li.complete{background:var(--scld-ok-soft);color:var(--scld-ok);border-color:#bfe3d2}.scld-signin{text-align:center;max-width:460px;margin:6vh auto 0}.scld-signin .scld-card{padding:34px 28px}.scld-signin form{text-align:start;gap:16px;margin-top:20px;display:grid}.scld-signin .lexy-input{text-align:center;letter-spacing:.12em;min-height:60px!important;font-family:Lexend,sans-serif!important;font-size:22px!important}.scld-passage{border:1px solid var(--scld-line);word-spacing:.12em;background:#fff;border-radius:22px;padding:calc(clamp(22px,4vw,44px));font-size:calc(clamp(26px,3.4vw,38px));line-height:2}.scld-passage[lang=ar]{font-family:Readex Pro,sans-serif;line-height:2.2}.scld-passage[lang=en]{font-family:Lexend,sans-serif;line-height:1.85}.scld-passage h3{color:var(--scld-primary);margin:0 0 12px;font-size:.8em}.scld-passage.compact{font-size:22px}.scld-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.scld-toolbar .grow{flex:1}.scld-segment{border:1px solid var(--scld-line);background:#fff;border-radius:16px;gap:4px;padding:4px;display:inline-flex}.scld-segment button{min-height:46px;color:var(--scld-ink);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:6px 16px;display:flex}.scld-segment button[aria-pressed=true]{background:var(--scld-primary);color:#fff}.scld-segment button:hover:not([aria-pressed=true]){background:var(--scld-primary-soft)}.scld-recorder{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--scld-line);background:#fffffff0;border-radius:26px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:20px;padding:16px;display:flex;position:sticky;bottom:12px;box-shadow:0 10px 30px #12324a1f}.scld-timer{font-variant-numeric:tabular-nums;text-align:center;min-width:90px;font-family:Lexend,sans-serif;font-size:30px}.scld-level{align-items:flex-end;gap:3px;height:36px;display:flex}.scld-level span{background:var(--scld-line);border-radius:3px;width:6px;transition:height 80ms}.scld-level.live span{background:var(--scld-accent)}.scld-dot{background:#c62f3c;border-radius:50%;width:14px;height:14px;animation:1.2s infinite scld-pulse}@keyframes scld-pulse{50%{opacity:.3}}.scld-chips{flex-wrap:wrap;gap:10px;display:flex}.scld-chip{border:2px solid var(--scld-line);min-height:48px;color:var(--scld-ink);font:inherit;cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.scld-chip[aria-pressed=true]{border-color:var(--scld-primary);background:var(--scld-primary-soft);color:var(--scld-primary-strong);font-weight:600}.scld-player{z-index:5;border:1px solid var(--scld-line);background:#fff;border-radius:20px;gap:10px;padding:14px;display:grid;position:sticky;top:8px;box-shadow:0 8px 24px #12324a14}.scld-player-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scld-play{background:var(--scld-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.scld-play:hover{background:var(--scld-primary-strong)}.scld-wave{background:var(--scld-primary-soft);cursor:pointer;touch-action:none;border-radius:12px;height:72px;position:relative;overflow:hidden}.scld-wave canvas{width:100%;height:100%;display:block}.scld-wave .playhead{background:#c62f3c;width:2px}.scld-wave .marker,.scld-wave .playhead{pointer-events:none;position:absolute;top:0;bottom:0}.scld-wave .marker{background:var(--scld-ok);width:3px}.scld-wave .marker span{color:var(--scld-ok);white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:2px;left:5px}.scld-wave .shade{pointer-events:none;background:#12324a1f;position:absolute;top:0;bottom:0}.scld-words{flex-wrap:wrap;align-items:flex-end;gap:.15em .1em;display:flex}.scld-word{color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:.05em .22em .25em;line-height:1.6;display:inline-flex;position:relative}.scld-word:hover:not(:disabled){background:var(--scld-primary-soft)}.scld-word:disabled{cursor:default}.scld-word .tag{white-space:nowrap;border-radius:6px;padding:2px 6px;font-family:Lexend,sans-serif;font-size:13px;font-weight:700;line-height:1;position:absolute;bottom:-.15em}.scld-word.error{background:var(--scld-error-soft);color:var(--scld-error);border-color:#efb8b8}.scld-word.error .tag{background:var(--scld-error);color:#fff}.scld-word.vowel{background:var(--scld-warn-soft);color:var(--scld-warn);border-color:#f0d4a0}.scld-word.vowel .tag{background:var(--scld-warn);color:#fff}.scld-word.note{background:var(--scld-calm-soft);border-color:#c9d4f0}.scld-word.note .tag{background:var(--scld-calm);color:#fff}.scld-word.unreached{opacity:.32;text-decoration:line-through}.scld-word.focus{box-shadow:0 0 0 4px var(--scld-accent)}.scld-word.highlight{border-color:var(--scld-accent);border-style:dashed}.scld-insert{color:var(--scld-error);align-self:center;padding:0 .1em;font-family:Lexend,sans-serif;font-size:.55em;font-weight:700}.scld-stop{background:var(--scld-error);border-radius:3px;align-self:stretch;width:4px;margin:0 .25em}.scld-legend{flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.scld-overlay{z-index:50;background:#0a1e2e66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.scld-overlay.center{align-items:center;padding:16px}.scld-sheet{background:#fff;border-radius:26px 26px 0 0;width:min(680px,100%);max-height:88dvh;padding:22px 20px 28px;overflow:auto;box-shadow:0 -10px 40px #0a1e2e40}.scld-dialog{background:#fff;border-radius:24px;width:min(520px,100%);padding:26px;box-shadow:0 20px 50px #0a1e2e4d}.scld-sheet-word{text-align:center;color:var(--scld-primary-strong);margin:0 0 16px;font-size:40px}.scld-options{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:10px;display:grid}.scld-option{border:2px solid var(--scld-line);min-height:62px;color:var(--scld-ink);font:inherit;text-align:start;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:17px;display:flex}.scld-option:hover,.scld-option[aria-pressed=true]{border-color:var(--scld-primary)}.scld-option .symbol{background:var(--scld-calm-soft);min-width:38px;height:38px;color:var(--scld-calm);border-radius:10px;place-items:center;font-family:Lexend,sans-serif;font-weight:700;display:grid}.scld-option.error .symbol{background:var(--scld-error-soft);color:var(--scld-error)}.scld-option.vowel .symbol{background:var(--scld-warn-soft);color:var(--scld-warn)}.scld-option.correct .symbol{background:var(--scld-ok-soft);color:var(--scld-ok)}.scld-option[aria-pressed=true]{background:var(--scld-primary-soft);font-weight:600}.scld-sheet-section{border-top:1px solid var(--scld-line);margin-top:18px;padding-top:14px}.scld-compare{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.scld-compare>div{background:var(--scld-page);border-radius:14px;padding:12px}.scld-compare strong{font-size:18px;display:block}.scld-decide{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width<=560px){.scld-decide{grid-template-columns:1fr}.scld-brand-study,.scld-partner small{display:none}}.scld-table{border-collapse:collapse;width:100%;font-size:14px}.scld-table td,.scld-table th{border-bottom:1px solid var(--scld-line);text-align:start;vertical-align:middle;padding:10px 8px}.scld-table th{color:var(--scld-muted);font-weight:600}.scld-table tr.muted td{opacity:.5}.scld-table td .scld-pill+.scld-pill{margin-inline-start:4px}.scld-print-sheet{display:none}@media print{@page{margin:18mm}body *{visibility:hidden}.scld-print-sheet,.scld-print-sheet *{visibility:visible}.scld-print-sheet{color:#000;display:block;position:absolute;inset:0}.scld-print-sheet .scld-print-text{font-size:26pt;line-height:2.1}.scld-print-sheet .scld-print-text[lang=en]{line-height:1.8}.scld-print-sheet footer{color:#555;margin-top:24pt;font-family:Lexend,sans-serif;font-size:10pt}}.scld-admin{gap:4px;display:grid}.scld-admin-section{gap:16px;margin-bottom:28px;scroll-margin-top:72px;display:grid}.scld-jump{z-index:5;background:var(--scld-page);flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:10px 0;display:flex;position:sticky;top:0}.scld-jump a{background:var(--scld-primary-soft);color:var(--scld-primary-strong);border-radius:999px;padding:6px 14px;font-weight:600;text-decoration:none}.scld-jump a:hover{background:var(--scld-accent-soft)}.scld-checklist,.scld-team{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.scld-team li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scld-team-email{flex:1;min-width:220px;font-weight:600}.scld-issued{border:2px solid var(--scld-primary)}.scld-card .scld-issued,.scld-team .scld-issued{border-radius:14px;margin-top:12px;padding:16px}.scld-issued-code{letter-spacing:.08em;margin:6px 0 12px;font-size:34px}[dir=ltr] .scld-back,[dir=rtl] .scld-flip{transform:scaleX(-1)}.scld-field{gap:8px;font-weight:600;display:grid}.scld-signin .lexy-input[type=email]{letter-spacing:0;font-size:18px!important}.scld-link{color:var(--scld-primary-strong);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:18px;padding:6px 10px;font-weight:600;text-decoration:underline;display:inline-flex}.scld-segment button .scld-pill{margin-inline-start:6px}.scld-help{max-width:640px;margin:0 0 18px}.scld-help summary{background:var(--scld-primary-soft);color:var(--scld-primary-strong);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;list-style:none;display:inline-flex}.scld-help summary::-webkit-details-marker{display:none}.scld-help[open] summary{margin-bottom:10px}.scld-help ol{padding:14px 18px;border:1px solid var(--scld-line);background:#fff;border-radius:16px;gap:8px;margin:0;padding-inline-start:36px;line-height:1.5;display:grid}