:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--red:#ff1f34;--red-soft:#ff1f3438;--green:#00d491;--ink:#07080b;--glass:#0a0b0fc7;--panel:#0a0b0fc7;--line:#ffffff1f;--border:#ffffff1f;--text:#f7faff;--muted:#8b93a3;--accent:var(--red);--accent-2:var(--green);--danger:var(--red);font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 50% 15%, #ff1f3429, transparent 38%), var(--ink);margin:0}.app.embed-mode .app-header{display:none}.app.embed-mode main{padding-top:16px}.app.embed-mode .subnav{margin-top:0}.widget-test-page{width:min(760px,100%);margin:0 auto;padding:18px}.widget-test-controls{min-width:0}.widget-test-controls h1{margin:7px 0 8px}.widget-test-controls>label{color:var(--muted);flex-direction:column;gap:6px;margin-top:15px;font-size:12px;font-weight:700;display:flex}.widget-test-controls select{border:1px solid var(--line);width:100%;color:var(--text);background:#101116;border-radius:9px;padding:10px 12px}.widget-test-status{color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.widget-test-status i{background:var(--muted);border-radius:50%;width:8px;height:8px}.widget-test-status.ready{color:var(--green)}.widget-test-status.ready i{background:var(--green);box-shadow:0 0 10px #00d491b3}.widget-event-preview{gap:8px;margin-top:14px;display:grid}.widget-event-preview>div{border:1px solid var(--line);background:#ffffff06;border-radius:9px;flex-direction:column;gap:3px;padding:10px;display:flex}.widget-event-preview span,.widget-event-preview small{color:var(--muted);font-size:10px}.widget-snippet-heading{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.widget-snippet-heading button{border:1px solid var(--green);color:var(--green);cursor:pointer;background:#00d49114;border-radius:8px;padding:7px 10px}.widget-snippet{border:1px solid var(--line);color:#d9dee8;white-space:pre-wrap;word-break:break-word;background:#05070a;border-radius:10px;max-height:280px;margin:8px 0 0;padding:12px;font-size:11px;overflow:auto}.widget-test-preview{min-width:0;padding:0;overflow:hidden}.widget-preview-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.widget-preview-bar span{font-weight:750}.widget-preview-bar small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1050px){.widget-test-page{grid-template-columns:1fr}}.app{max-width:1100px;margin:0 auto;padding:24px}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:16px;align-items:center;gap:12px;padding:9px 16px 9px 12px;display:flex;box-shadow:0 14px 36px #00000047,inset 0 1px #ffffff0f}.brand img{width:auto;height:50px;display:block}.brand span{letter-spacing:-.2px;font-size:32px;font-weight:750}.status-pill{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);color:#ffffffe6;letter-spacing:1.1px;text-transform:uppercase;border-radius:999px;padding:11px 16px 11px 32px;font-size:10px;font-weight:800;position:relative;box-shadow:0 14px 36px #00000047,inset 0 1px #ffffff0f}.status-pill:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite status-pulse;position:absolute;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 0 0 5px #00d4911f,0 0 14px #00d491cc}@keyframes status-pulse{0%,to{opacity:.7;transform:translateY(-50%)scale(.88)}50%{opacity:1;transform:translateY(-50%)scale(1.12)}}.app-header>.status-pill{flex-shrink:0;margin-left:auto}.app-header nav{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.job-application{flex-direction:column;gap:20px;display:flex}.job-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:10px 2px 4px;display:flex}.eyebrow{color:var(--green);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:800}.job-heading h1{letter-spacing:-1.5px;margin:8px 0 6px;font-size:clamp(32px,5vw,52px);line-height:1}.job-heading p,.section-title p{color:var(--muted);margin:0}.application-progress{border:1px solid var(--line);background:var(--glass);border-radius:16px;flex:none;width:210px;padding:14px 16px}.application-progress strong{font-size:22px;display:block}.application-progress>span{color:var(--muted);font-size:12px}.progress-track{background:#ffffff14;border-radius:999px;height:5px;margin-top:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--green);height:100%;transition:width .22s;display:block}.application-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.application-steps button{border:1px solid var(--line);color:var(--muted);background:var(--glass);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.application-steps button:disabled{opacity:.42;cursor:not-allowed}.application-steps button>span:first-child{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:850;display:grid}.application-steps button>span:last-child{min-width:0}.application-steps strong,.application-steps small{display:block}.application-steps strong{color:var(--text)}.application-steps small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.application-steps button.active{border-color:var(--red);background:var(--red-soft)}.application-steps button.active>span:first-child{border-color:var(--red);color:#fff;background:var(--red)}.application-steps button.complete:not(.active)>span:first-child{border-color:var(--green);color:var(--green);background:#00d4911a}.job-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:20px;display:grid}.section-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title h2{margin:0 0 3px;font-size:18px}.section-title p{font-size:12px}.step-number{color:#fff;background:var(--red);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;flex:none;place-items:center;min-width:34px;height:34px;padding:0 8px;font-size:13px;font-weight:800;display:grid}.document-video{aspect-ratio:16/10;border:1px solid var(--line);background:#020304;border-radius:16px;position:relative;overflow:hidden}.document-video video{object-fit:contain;width:100%;height:100%}.video-placeholder{height:100%;color:var(--muted);background:radial-gradient(circle,#ff1f341f,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.video-placeholder strong{color:var(--text)}.video-placeholder span:last-child{text-align:center;word-break:break-all;max-width:85%;font-size:11px}.placeholder-hand{color:var(--red);filter:drop-shadow(0 0 18px #ff1f3461);font-size:54px}.video-caption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.video-caption strong{font-size:18px}.video-caption-english{color:var(--muted);text-align:left;flex:1;font-size:12px}.sign-word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.sign-word-list button{border:1px solid var(--line);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sign-word-list button:hover,.sign-word-list button.active{background:var(--red-soft);border-color:#ff1f34cc}.sign-word-copy{flex:1;min-width:0;display:block}.sign-word-copy span,.sign-word-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sign-word-copy span{text-align:right;font-weight:750}.sign-word-list small{color:var(--muted);margin-top:3px}.document-number{color:#fff;background:#ff1f3429;border:1px solid #ff1f34a6;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:14px;line-height:1;text-align:center!important;font-weight:850!important;display:grid!important;overflow:visible!important}.sign-word-list button.active .document-number{border-color:var(--red);background:var(--red)}.upload-list{flex-direction:column;gap:8px;display:flex}.upload-row{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:center;gap:10px;min-height:66px;padding:9px 10px;display:flex}.upload-row.uploaded{background:#00d4910b;border-color:#00d49159}.upload-copy{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;display:flex}.upload-copy>span:last-child{min-width:0}.upload-copy strong,.upload-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.upload-copy small{color:var(--muted);margin-top:3px}.upload-status{width:34px;height:34px;color:var(--muted);background:#ffffff0f;border-radius:10px;flex:none;place-items:center;font-size:18px;display:grid}.uploaded .document-number{border-color:var(--green);color:var(--green);background:#00d4911f}.attach-button,.file-actions button{color:#fff;cursor:pointer;background:#ff1f341f;border:1px solid #ff1f348c;border-radius:9px;flex:none;padding:8px 12px;font-weight:700}.file-actions{flex-direction:column;align-items:flex-end;gap:5px;max-width:180px;display:flex}.file-actions span{max-width:180px;color:var(--green);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.file-actions button{border-color:var(--line);color:var(--muted);background:0 0;padding:3px 8px;font-size:11px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}.upload-error{color:var(--red);margin:10px 0 0;font-size:12px}.application-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.application-footer strong,.application-footer span{display:block}.application-footer span{max-width:360px;color:var(--muted);margin-top:4px;font-size:11px;line-height:1.4}.review-card{color:var(--green);background:#00d49114;border:1px solid #00d49166;border-radius:12px;flex-direction:column;gap:3px;margin-top:12px;padding:12px 14px;display:flex}.review-card span{color:var(--muted);font-size:12px}.document-upload-panel{width:100%;max-width:480px;margin:0 auto}.document-upload-control{flex-direction:column;justify-content:center;align-items:stretch;gap:12px;width:100%;min-width:0;max-width:320px;margin:0 auto;display:flex}.document-upload-heading{align-items:center;gap:11px;display:flex}.document-upload-heading>div{min-width:0}.document-upload-heading strong,.document-upload-heading span,.document-upload-heading small{display:block}.document-upload-heading strong{font-size:17px}.document-upload-heading span{color:#d9dee8;text-align:left;margin-top:2px;font-size:14px}.document-upload-heading small{color:var(--muted);margin-top:4px}.document-upload-control .attach-button{width:100%;padding:10px 12px}.document-file-selected{background:#00d49112;border:1px solid #00d49152;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.document-file-selected span{min-width:0;color:var(--green);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.document-file-selected button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;flex:none;padding:5px 8px}.application-form-panel,.declaration-panel{width:100%;max-width:820px;margin:0 auto}.document-upload-panel-flat{width:100%}.document-flat-list{flex-direction:column;gap:12px;display:flex}.document-flat-row{border:1px solid var(--line);background:#ffffff06;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.document-flat-row.uploaded{background:#00d4910b;border-color:#00d4916b}.document-flat-row .document-upload-heading{flex:1;min-width:0}.document-flat-row .document-file-selected{flex:none}.applicant-form{flex-direction:column;gap:12px;display:flex}.applicant-form label,.signature-field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.applicant-form input,.signature-field input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;padding:11px 12px;font-size:14px}.applicant-form input:focus,.signature-field input:focus{border-color:var(--red);box-shadow:0 0 0 3px #ff1f341a}.field-guide-layout{grid-template-columns:1fr;align-items:center;gap:16px;margin-bottom:16px;display:grid}.field-guide-layout>*{min-width:0}.field-guide-video{aspect-ratio:16/9;border:1px solid var(--line);background:#020304;border-radius:14px;width:100%;position:relative;overflow:hidden}@media (width<=640px){.field-guide-layout{grid-template-columns:1fr;gap:16px}}.field-guide-media{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.field-guide-placeholder{color:var(--red);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;inset:0}.field-guide-placeholder span{font-size:28px}.field-guide-placeholder small{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-guide-enter{text-align:center;flex-direction:column;align-items:center;display:flex}.field-guide-enter .field-guide-input{text-align:left;width:100%;max-width:320px;margin:0 auto}.step-footer{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.step-footer>span{color:var(--muted);flex:1;font-size:12px}.back-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:9px 14px;font-weight:700}.declaration-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:8px 0 16px;display:grid}.declaration-copy p{border:1px solid var(--line);color:#d9dee8;background:#ffffff06;border-radius:12px;margin:0;padding:15px;line-height:1.65}.declaration-check{cursor:pointer;background:#00d4910d;border:1px solid #00d4914d;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.declaration-check input{width:18px;height:18px;accent-color:var(--green)}.declaration-check span,.declaration-check small{display:block}.declaration-check small{color:var(--muted);margin-top:4px}.optional-consents{border:1px solid var(--line);background:#ffffff06;border-radius:12px;flex-direction:column;gap:0;margin-top:16px;padding:13px;display:flex}.optional-consents>strong{font-size:14px}.optional-consents>small{color:var(--muted);margin-top:9px;font-size:11px}.declaration-check.optional{background:0 0;border:0;border-radius:0;padding:11px 0}.signature-field{margin-top:16px}.signature-field input{font-family:Georgia,serif;font-size:21px;font-style:italic}.signature-field small{font-weight:400}.open-sign-keyboard{width:100%;color:var(--green);cursor:pointer;background:#00d49112;border:1px solid #00d49180;border-radius:10px;margin-top:10px;padding:10px 14px;font-weight:750}.open-sign-keyboard.active{border-color:var(--red);color:#ff8995;background:#ff1f3414}.sign-keyboard{background:#0000002e;border:1px solid #00d4914d;border-radius:14px;flex-direction:column;gap:12px;margin-top:10px;padding:12px;display:flex}.camera-keyboard-row{grid-template-columns:minmax(0,1fr) 180px;gap:12px;display:grid}.sign-keyboard-camera{border-radius:11px;min-width:0;overflow:hidden}.sign-keyboard-camera .webcam-stage{aspect-ratio:4/3;width:100%!important;height:auto!important}.sign-keyboard-message{min-height:300px;color:var(--muted);text-align:center;background:#020304;place-items:center;padding:24px;display:grid}.sign-keyboard-status{border:1px solid var(--line);text-align:center;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.sign-keyboard-status>span{color:var(--muted);text-transform:uppercase;font-size:10px}.sign-keyboard-status>strong{color:var(--green);margin:9px 0 3px;font-size:44px}.sign-keyboard-status>small{color:var(--muted);line-height:1.4}.sign-keyboard-status>div{flex-direction:column;gap:7px;width:100%;margin-top:16px;display:flex}.sign-keyboard-status button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:8px}.visual-sign-keyboard{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:12px}.visual-keyboard-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.visual-keyboard-heading strong,.visual-keyboard-heading span{display:block}.visual-keyboard-heading span{color:var(--muted);margin-top:3px;font-size:10px}.visual-keyboard-heading button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}.keyboard-heading-actions{align-items:center;gap:7px;display:flex}.keyboard-language-switch{border:1px solid var(--line);background:#0003;border-radius:9px;padding:2px;display:flex}.keyboard-language-switch button{border:0}.keyboard-language-switch button.active{color:#07110d;background:var(--green)}.visual-sign-grid{grid-template-columns:repeat(10,minmax(48px,1fr));gap:6px;display:grid}.visual-sign-grid.english-grid{grid-template-columns:repeat(9,minmax(48px,1fr))}.visual-keyboard-numbers{grid-template-columns:repeat(10,minmax(42px,1fr));gap:6px;margin-top:9px;display:grid}.visual-keyboard-numbers button{border:1px solid var(--line);min-height:42px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:8px;padding:7px;font-size:17px;font-weight:800}.visual-keyboard-numbers button:hover,.visual-keyboard-numbers button:focus-visible{border-color:var(--green);background:#00d4911a}.visual-keyboard-numbers .symbol-key{color:var(--green)}.visual-sign-key{aspect-ratio:1;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#f4f4f4;border-radius:8px;padding:0;position:relative;overflow:hidden}.visual-sign-key:hover,.visual-sign-key:focus-visible{border-color:var(--green);transform:translateY(-1px);box-shadow:0 0 0 2px #00d4912b}.visual-sign-key video{object-fit:cover;pointer-events:none;width:100%;height:100%}.asl-sign-key img,.arabic-sign-key img{object-fit:contain;pointer-events:none;width:100%;height:100%;padding:5px}.visual-sign-key span{color:#fff;background:#000000c7;border-radius:6px;place-items:center;min-width:21px;height:21px;padding:0 4px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:3px;right:3px}.visual-sign-key .missing-asl-key{width:auto;height:auto;color:var(--muted);background:0 0;font-size:9px;font-weight:600;inset:0}.visual-keyboard-bottom{grid-template-columns:64px 1fr;gap:7px;margin-top:8px;display:grid}.visual-keyboard-bottom button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px;font-weight:750}.visual-keyboard-bottom .keyboard-space{color:var(--green)}.application-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.application-summary div{border:1px solid var(--line);background:#ffffff06;border-radius:10px;padding:11px}.application-summary span,.application-summary strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.application-summary span{color:var(--muted);text-transform:uppercase;font-size:10px}.application-summary strong{margin-top:4px}@media (width<=900px){.job-grid{grid-template-columns:1fr}.job-heading{flex-direction:column;align-items:stretch}.application-progress{width:100%}}@media (width<=580px){.app{padding:14px}.brand span{font-size:22px}.job-heading h1{font-size:36px}.sign-word-list{grid-template-columns:1fr}.upload-row,.application-footer{flex-direction:column;align-items:stretch}.file-actions{align-items:flex-start;max-width:100%}.file-actions span{max-width:100%}.attach-button{width:100%}.application-steps,.declaration-copy{grid-template-columns:1fr}.step-footer{flex-direction:column;align-items:stretch}.step-footer button{width:100%}.application-summary,.camera-keyboard-row{grid-template-columns:1fr}.visual-sign-grid,.visual-sign-grid.english-grid{grid-template-columns:repeat(5,minmax(48px,1fr))}.visual-keyboard-numbers{grid-template-columns:repeat(5,minmax(42px,1fr))}.visual-keyboard-heading,.keyboard-heading-actions{flex-direction:column;align-items:stretch}}.app-header nav button{color:var(--muted);cursor:pointer;background:#1e060a80;border:1px solid #ff485a73;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;transition:transform .16s,border-color .16s,background .16s,color .16s;display:flex}.app-header nav button:hover{border-color:#ffb1ba;transform:translateY(-1px)}.app-header nav button.active{color:#f7faff;border-color:var(--red);background:#30080eeb;box-shadow:0 0 24px #ff1f3440}.subnav{gap:8px;margin-bottom:16px;display:flex}.subnav button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700}.subnav button.active{color:#fff;background:var(--red);border-color:var(--red)}.avatar-subnav-select{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:999px;min-width:220px;padding:8px 16px;font-size:13px;font-weight:700}.page{grid-template-columns:678px 1fr;align-items:start;gap:20px;display:grid}.train-page{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}@media (width<=900px){.page{grid-template-columns:1fr}.spell-game .brand img{width:auto;height:32px}.spell-game .brand span{font-size:18px}.spell-game .brand{gap:8px;padding:6px 12px 6px 8px}.spell-game .app-header{margin-bottom:10px}.spell-name-page.page{gap:8px}.spell-name-page .webcam-stage{max-width:100%;aspect-ratio:16/9!important;width:100%!important;height:auto!important}.spell-name-page .panel.side{justify-content:flex-start;min-height:0;padding-top:10px}.spell-name-page .try-heading{margin:0 0 6px}.spell-name-page .quiz-step{flex-direction:column;display:flex}.spell-name-page .quiz-heading{order:0;margin:0 0 6px}.spell-name-page .quiz-intro-hint{display:none}.spell-name-page .quiz-step .spell-target{order:1}.spell-name-page .quiz-feedback{order:2}.spell-name-page .quiz-progress-row{order:3;margin-top:10px}}.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:20px;padding:18px;box-shadow:0 16px 40px #00000052,inset 0 1px #ffffff0f}.panel.side{min-height:480px}.webcam-stage{background:#000;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff1f3433,0 0 55px #ff1f3426,inset 0 0 90px #00000057}.webcam-stage:before{z-index:4;pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 100px #0000004d,inset 0 0 160px #ff1f340d}.webcam-stage .corner{z-index:5;border-color:var(--red);opacity:.92;filter:drop-shadow(0 0 8px #ff1f348c);width:40px;height:40px;position:absolute}.record-review-stage{background:#000;border-radius:16px;width:640px;max-width:100%;height:480px;position:relative;overflow:hidden}.record-review-stage .avatar-viewer{width:100%;height:100%;min-height:0}.record-review-actions{z-index:6;justify-content:center;gap:24px;display:flex;position:absolute;bottom:18px;left:0;right:0}.record-review-actions button{cursor:pointer;border-radius:50%;place-items:center;width:60px;height:60px;font-size:26px;font-weight:800;line-height:1;display:grid;box-shadow:0 8px 24px #00000073}.record-review-actions button:disabled{opacity:.5;cursor:not-allowed}.record-review-reject{border:1px solid var(--red);color:var(--red);background:#ff1f3424}.record-review-accept{border:1px solid var(--green);color:#04140e;background:var(--green)}.webcam-stage .corner.top-left{border-top:3px solid var(--red);border-left:3px solid var(--red);border-top-left-radius:12px;top:10px;left:10px}.webcam-stage .corner.top-right{border-top:3px solid var(--red);border-right:3px solid var(--red);border-top-right-radius:12px;top:10px;right:10px}.webcam-stage .corner.bottom-left{border-bottom:3px solid var(--red);border-left:3px solid var(--red);border-bottom-left-radius:12px;bottom:10px;left:10px}.webcam-stage .corner.bottom-right{border-bottom:3px solid var(--red);border-right:3px solid var(--red);border-bottom-right-radius:12px;bottom:10px;right:10px}.webcam-video,.webcam-canvas{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.overlay-msg{z-index:6;color:var(--text);text-align:center;background:#0009;justify-content:center;align-items:center;padding:16px;font-size:14px;display:flex;position:absolute;inset:0}.overlay-msg.error{color:var(--red)}.countdown-overlay{z-index:7;pointer-events:none;background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{color:#fff;text-shadow:0 0 40px #ff1f34b3;font-size:120px;font-weight:800;animation:1s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.record-status{min-height:22px;margin:14px 0;font-size:15px}.pulse{animation:.6s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.4}to{opacity:1}}button{font-family:inherit}button.primary{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:11px 22px;font-size:15px;font-weight:700;box-shadow:0 12px 28px #ff1f3447}button.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.danger{color:var(--red);border:1px solid var(--red);cursor:pointer;background:0 0;border-radius:999px;margin-left:12px;padding:9px 18px}.row{gap:8px;margin-bottom:16px;display:flex}.row input{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:10px;flex:1;padding:9px 12px;font-size:14px}.field-label{color:var(--muted);align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.field-label input{border:1px solid var(--line);width:80px;color:var(--text);background:#ffffff0a;border-radius:8px;padding:7px 10px;font-size:14px}.row button{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 18px;font-weight:700}.bilingual-label-row{align-items:flex-end}.bilingual-label-fields{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.bilingual-label-fields label{min-width:0}.bilingual-label-fields label>span{color:var(--muted);margin:0 0 6px 2px;font-size:11px;font-weight:700;display:block}.bilingual-label-fields input{width:100%}.row button:disabled{opacity:.4;cursor:not-allowed}.video-training-box{background:#00d4910a;border:1px solid #00d49140;border-radius:14px;margin:18px 0;padding:14px}.video-training-box h3{margin:0 0 6px}.video-import-button{width:100%;color:var(--green);cursor:pointer;background:#00d49114;border:1px solid #00d4918c;border-radius:10px;padding:10px 14px;font-weight:750}.video-import-button:disabled{opacity:.42;cursor:not-allowed}.video-import-result{color:var(--green);margin:10px 0 0;font-size:12px;line-height:1.5}.video-import-stage{text-align:center;background:radial-gradient(circle,#00d4911f,#0000 58%),#020403;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:640px;max-width:100%;height:480px;padding:28px;display:flex}.video-import-stage>span{max-width:90%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.video-import-icon{color:#06120e;background:var(--green);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 0 34px #00d49152}.video-import-progress{background:#ffffff1a;border-radius:999px;width:min(320px,90%);height:7px;overflow:hidden}.video-import-progress span{border-radius:inherit;background:var(--green);height:100%;transition:width .12s linear;display:block}.video-import-stage small{color:var(--green);font-variant-numeric:tabular-nums}.video-review{background:#030504;border:1px solid #00d49152;border-radius:16px;width:640px;max-width:100%;overflow:hidden}.video-review-stage{aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}.video-review-stage video,.video-review-stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.video-review-stage canvas{pointer-events:none}.video-review-details{padding:14px}.video-review-details>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.video-review-details>div:first-child span{max-width:50%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.point-legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:11px;display:flex}.point-legend span{align-items:center;gap:6px;display:flex}.point-legend i{border-radius:50%;width:8px;height:8px}.pose-point{background:var(--red);box-shadow:0 0 7px #ff1f34b3}.hand-point{background:var(--green);box-shadow:0 0 7px #00d491b3}.video-review-details p{color:var(--muted);margin:10px 0;font-size:12px}.video-quality{border:1px solid var(--line);background:#ffffff06;border-radius:12px;grid-template-columns:94px 1fr;gap:12px;margin:10px 0;padding:10px;display:grid}.quality-score{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;display:flex}.quality-score strong{font-size:28px;line-height:1}.quality-score span{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:9px}.video-quality.good .quality-score strong{color:var(--green)}.video-quality.fair .quality-score strong{color:#ffbf47}.video-quality.poor .quality-score strong{color:var(--red)}.quality-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;display:grid}.quality-metrics span{color:var(--muted);font-size:10px}.quality-metrics strong{color:var(--text);font-size:13px;display:block}.video-review-details .auto-trim-note{color:#aeb6c5;margin:8px 0;font-size:10px}.video-speed-controls,.video-trim-controls{border:1px solid var(--line);background:#ffffff06;border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0;padding:9px;display:flex}.video-speed-controls>span{color:var(--muted);margin-right:3px;font-size:11px;font-weight:700}.video-speed-controls button,.video-trim-controls button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:7px;padding:5px 8px;font-size:11px}.video-speed-controls button.active{border-color:var(--green);color:var(--green);background:#00d4911a}.video-trim-controls>div{flex:1;min-width:190px}.video-trim-controls span,.video-trim-controls small{color:var(--muted);font-size:11px;display:block}.video-trim-controls strong{color:var(--text);font-variant-numeric:tabular-nums}.video-trim-controls small{margin-top:3px;font-size:10px}.video-review-actions{justify-content:flex-end;gap:8px;display:flex}.video-review-actions button{cursor:pointer;border-radius:9px;padding:9px 14px;font-weight:750}.reject-video{border:1px solid var(--line);color:var(--muted);background:0 0}.accept-video{border:1px solid var(--green);color:#04140e;background:var(--green)}@media (width<=580px){.bilingual-label-row{flex-direction:column;align-items:stretch}.bilingual-label-fields{grid-template-columns:1fr}}.label-list{max-height:240px;margin:0 0 16px;padding:0;list-style:none;overflow-y:auto}.label-list li{cursor:pointer;border-radius:10px;justify-content:space-between;padding:9px 12px;font-size:14px;display:flex}.label-list li:hover{background:#ffffff0d}.label-list li.active{color:#ff8f9b;background:#ff1f3424}.label-list li.muted{color:var(--muted);cursor:default}.label-list .count{color:var(--muted)}.label-list li.label-group{cursor:default;padding:0;display:block}.label-list li.label-group:hover{background:0 0}.label-row{cursor:pointer;border-radius:10px;justify-content:space-between;padding:9px 12px;font-size:14px;display:flex}.label-row:hover{background:#ffffff0d}.label-row.muted{color:var(--muted)}.clip-list{margin:0 0 4px;padding:0 8px 4px 28px;list-style:none}.clip-list li{color:var(--muted);cursor:default;border-radius:0;justify-content:space-between;align-items:center;padding:4px 4px 4px 0;font-size:12px;display:flex}.clip-list li:hover{background:0 0}.clip-delete{color:var(--red);cursor:pointer;background:0 0;border:1px solid #ff1f3466;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:13px;line-height:1;display:flex}.clip-delete:hover{background:#ff1f3424}.label-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.label-edit-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:11px;line-height:1;display:flex}.label-edit-btn:hover{color:var(--text);background:#ffffff1a}.label-edit-input{border:1px solid var(--red);min-width:0;color:var(--text);background:#ffffff0f;border-radius:6px;flex:1;padding:4px 8px;font-size:14px}.hint{color:var(--muted);font-size:13px;line-height:1.5}.log{border:1px solid var(--line);white-space:pre-wrap;min-height:160px;color:var(--green);background:#00000059;border-radius:12px;padding:12px;font-size:12px}.success{color:var(--green)}.error{color:var(--red)}.translate-side{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.prediction{letter-spacing:1px;text-shadow:0 0 32px #00d49159;font-size:56px;font-weight:800}.debug-topk{color:var(--muted);gap:10px;margin:12px 0 20px;font-size:13px;display:flex}.debug-topk span.top{color:var(--green);font-weight:700}.guess-list{flex-direction:column;gap:10px;width:100%;margin-bottom:16px;display:flex}.live-transcript,.sentence-history{border:1px solid var(--line);text-align:left;background:#ffffff09;border-radius:14px;width:100%;margin-top:8px;padding:13px}.translate-live-heading{text-align:left;width:100%;margin-bottom:10px}.translate-live-heading>strong,.translate-live-heading>small{display:block}.translate-live-heading>strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:25px;overflow:hidden}.translate-live-heading>small{color:var(--muted);margin-top:3px}.live-indicator{color:var(--green);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.live-indicator i{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite live-pulse;box-shadow:0 0 10px #00d491cc}@keyframes live-pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.live-transcript.prominent{background:linear-gradient(135deg,#00d49114,#ffffff06);border-color:#00d49159;margin:0 0 12px}.live-transcript.prominent p{min-height:86px;font-size:clamp(21px,3vw,30px);font-weight:650;line-height:1.5}.live-transcript.prominent>p{min-height:0}.transcript-language-line{border:1px solid var(--line);background:#00000029;border-radius:10px;margin-top:10px;padding:10px 12px}.transcript-language-line small{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.transcript-language-line p{margin:5px 0 0;min-height:45px!important}.transcript-language-line.arabic-line{text-align:right}.tutorial-step-pane{text-align:center;flex-direction:column;align-items:center;display:flex}.translate-side .guess-list{margin-top:2px}.translate-mode-switch{justify-content:center}.correction-training{text-align:left;width:100%}.correction-training h2{margin:7px 0 4px}.training-capture-status{border:1px solid var(--line);background:#ffffff06;border-radius:11px;margin:14px 0;padding:11px}.training-capture-status>span,.training-capture-status>strong{display:block}.training-capture-status>span{color:var(--muted);text-transform:uppercase;font-size:10px}.training-capture-status>strong{margin-top:3px}.training-capture-status>div{background:#ffffff14;border-radius:999px;height:5px;margin-top:9px;overflow:hidden}.training-capture-status>div span{border-radius:inherit;background:var(--green);height:100%;display:block}.training-prediction{text-align:center;background:#00d4910e;border:1px solid #00d4914d;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:14px;display:flex}.training-prediction span{color:var(--muted);text-transform:uppercase;font-size:10px}.training-prediction strong{color:var(--green);margin:8px 0 3px;font-size:28px}.training-prediction small{color:var(--muted)}.prediction-correct{border:1px solid var(--green);width:100%;color:var(--green);cursor:pointer;background:#00d49114;border-radius:9px;margin-top:10px;padding:10px;font-weight:750}.prediction-wrong{background:#ff1f340b;border:1px solid #ff1f3452;border-radius:11px;flex-direction:column;gap:7px;margin-top:10px;padding:11px;display:flex}.prediction-wrong label{color:#ff9da7;font-size:11px;font-weight:700}.prediction-wrong select{border:1px solid var(--line);width:100%;color:var(--text);background:#101116;border-radius:8px;padding:9px}.prediction-wrong button{color:#fff;background:var(--red);cursor:pointer;border:0;border-radius:8px;padding:9px;font-weight:750}.prediction-correct:disabled,.prediction-wrong button:disabled{opacity:.38;cursor:not-allowed}.training-feedback{color:var(--green);background:#00d4910f;border:1px solid #00d49159;border-radius:9px;margin-top:10px;padding:10px;font-size:12px;line-height:1.45}.transcript-label{color:var(--green);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:800}.live-transcript p{min-height:48px;color:var(--text);margin:8px 0 12px;font-size:19px;line-height:1.45}.transcript-actions{justify-content:flex-end;gap:7px;display:flex}.transcript-actions button,.sentence-history button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.transcript-actions button:disabled{opacity:.35;cursor:not-allowed}.transcript-actions .finish-sentence{border-color:var(--green);color:var(--green);background:#00d49114}.sentence-history>div{justify-content:space-between;align-items:center;display:flex}.sentence-history ol{max-height:180px;margin:10px 0 0;padding-left:24px;overflow-y:auto}.sentence-history li{color:#d9dee8;padding:5px 3px;font-size:14px;line-height:1.4}.sentence-history li span{display:block}.sentence-history li span+span{color:var(--muted);margin-top:3px}.guess-row{color:var(--muted);grid-template-columns:18px 1fr 40px;align-items:center;gap:10px;font-size:14px;display:grid}.guess-row.top{color:var(--text);font-size:18px;font-weight:700}.guess-rank{text-align:right;opacity:.6}.guess-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guess-pct{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.spelled-sentence{border:1px solid var(--line);letter-spacing:1px;word-break:break-all;background:#ffffff0a;border-radius:10px;width:100%;min-height:48px;margin:8px 0 16px;padding:10px 14px;font-size:20px}.name-input{border:1px solid var(--line);width:100%;color:var(--text);text-align:center;background:#ffffff0a;border-radius:10px;margin:12px 0;padding:10px 14px;font-size:20px}.spell-progress{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px;display:flex}.spell-word{gap:8px;display:flex}.tutorial-video-main{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-video-side{border:1px solid var(--line);background:#000;border-radius:12px;width:100%;max-width:220px;margin:4px 0 12px}.seeing-hint{color:var(--muted);margin-bottom:12px;font-size:20px;font-weight:600}.seeing-hint.quiz{font-size:30px}.spell-chip{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.spell-chip.current{border-color:var(--red);color:var(--text);font-weight:700}.spell-chip.done{border-color:var(--green);color:var(--green)}.pre-quiz{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pre-quiz-logo{width:auto;height:40px;margin-bottom:4px}.pre-quiz h3{margin:0;font-size:24px}.pre-quiz-actions{flex-direction:column;gap:10px;width:100%;max-width:280px;margin-top:10px;display:flex}.pre-quiz-actions button{width:100%}.pre-quiz-actions button:not(.primary){border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:11px 22px;font-size:15px;font-weight:700}.repeat-lesson-link{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;margin:14px auto 0;padding:6px 14px;font-size:12px;font-weight:700;display:block}.spell-target{text-shadow:0 0 32px #00d49159;margin-bottom:8px;font-size:72px;font-weight:800;transition:color .15s,text-shadow .15s}.letter-practice-hint{box-sizing:border-box;border:1px solid var(--line);overflow-wrap:anywhere;background:#00d4910d;border-radius:12px;width:100%;margin:0 0 12px;padding:10px 14px}.letter-practice-hint p{text-align:start;margin:0;font-size:14px;line-height:1.6}.letter-practice-hint p+p{color:var(--muted);margin-top:6px}.spell-target.correct{color:var(--green);text-shadow:0 0 48px #00d491bf;animation:.25s correct-pop}.correct-flash{color:var(--green);margin:0 0 12px;font-size:20px;font-weight:700;animation:.25s correct-pop}@keyframes correct-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.x-marks{min-height:22px;color:var(--red);gap:6px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.deaf-mode-toggle{z-index:50;border:2px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);cursor:pointer;border-radius:50%;place-items:center;width:88px;height:88px;transition:transform .15s,border-color .2s,box-shadow .2s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0006}.deaf-mode-toggle:hover{transform:scale(1.06)}.deaf-mode-toggle img{object-fit:contain;width:52px;height:52px}.deaf-mode-toggle.active{border-color:var(--green);box-shadow:0 12px 30px #00d49159}.avatar-page{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:stretch}.avatar-stage-panel{min-width:0;min-height:640px;padding:0;overflow:hidden}.avatar-viewer{background-image:url(/images/avatar-background.jpg);background-position:50% 68%;background-size:cover;width:100%;height:100%;min-height:640px;position:relative}.avatar-viewer canvas{width:100%;height:100%;display:block}.avatar-overlay-canvas{z-index:3;pointer-events:none;position:absolute;inset:0}.avatar-live-split{box-sizing:border-box;gap:12px;width:100%;height:100%;padding:12px;display:flex}.avatar-live-split>div{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.avatar-live-split-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}.avatar-live-split .webcam-stage{aspect-ratio:4/3;width:100%!important;height:auto!important}.avatar-live-split .avatar-viewer{flex:1;min-height:0}.avatar-page-solo{grid-template-columns:1fr}.avatar-stage-panel.avatar-stage-panel-compact{min-height:0}.avatar-skeleton-wide .avatar-viewer{aspect-ratio:4/3;flex:none;width:100%;height:auto;min-height:0}.avatar-controls{flex-direction:column;gap:16px;display:flex}.avatar-controls h2,.avatar-controls p{margin:0}.avatar-roadmap{background:#ffffff09;border:1px solid #ffffff1f;border-radius:12px;margin-top:8px;padding:18px}.avatar-roadmap ol{margin:12px 0 0;padding-left:22px}.avatar-roadmap li+li{margin-top:8px}.avatar-license{margin-top:auto!important}.avatar-controls label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.avatar-controls input,.avatar-controls select{border:1px solid var(--line);width:100%;color:var(--text);background:#11151d;border-radius:9px;padding:12px}.llm-chat label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.llm-chat textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;resize:vertical;background:#11151d;border-radius:9px;padding:12px}.llm-last-reply{gap:6px;display:grid}.llm-last-reply p{margin:0;font-size:15px}.llm-word-known{color:var(--text)}.llm-word-fingerspelled{color:var(--green);font-style:italic}.avatar-motion-list{gap:10px;display:grid}.avatar-motion-list>div{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.avatar-motion-list>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar-page-sentence{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:start}.avatar-page-sentence .avatar-stage-panel{max-width:480px}.avatar-page-sentence .avatar-viewer{aspect-ratio:1;height:auto;min-height:0}.word-pill-palette{border:1px solid var(--line);background:#ffffff05;border-radius:10px;flex-wrap:wrap;gap:10px;padding:12px;display:flex}.word-pill{border:1px solid var(--line);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.sentence-line{border-bottom:2px solid var(--green);flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;padding:10px 4px 14px;display:flex}.sentence-line-hint{color:var(--muted);font-size:13px}.sentence-pill{border-color:var(--green);cursor:default;background:#00d4911f;flex:none}.word-pill-special{border-style:dashed;font-style:italic}.sentence-textbox input{border:1px solid var(--line);width:110px;color:var(--text);background:#0003;border-radius:6px;padding:4px 8px;font-size:13px;font-style:normal;font-weight:400}.sentence-textbox span{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px}.pill-move,.pill-remove{width:18px;height:18px;color:inherit;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.pill-move:hover,.pill-remove:hover{background:#ffffff4d}.pill-move:disabled{opacity:.35;cursor:not-allowed}.record-countdown{z-index:8;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#05080d7a;place-content:center;display:grid;position:absolute;inset:0}.record-countdown span{color:#fff;font-size:15px;font-weight:750}.record-countdown strong{color:var(--green);text-shadow:0 0 32px #00d4918c;font-size:96px;line-height:1}@media (width<=900px){.avatar-page{grid-template-columns:1fr}.avatar-stage-panel,.avatar-viewer{min-height:500px}}.arabic-keyboard-scroll{max-width:100%;padding:3px;overflow-x:auto}.arabic-keyboard-rows{flex-direction:column;gap:6px;min-width:600px;display:flex}.arabic-keyboard-row{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.arabic-row-1{padding-left:2%}.arabic-row-2{padding-left:5%}.arabic-number-row.visual-keyboard-numbers{grid-template-columns:repeat(13,minmax(0,1fr));margin:0}.visual-sign-key .arabic-text-key{color:#17212b;background:0 0;width:auto;height:auto;font-size:28px;inset:0}.application-entry-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.application-entry-workspace>.application-form-panel{min-width:0;max-width:none}.application-keyboard-panel{min-width:0}.application-keyboard-panel>h2{margin:0 0 8px}.application-keyboard-panel .sign-keyboard{background:0 0;border:0;padding:0}.application-entry-workspace .step-footer{flex-wrap:wrap}.application-date-panel{flex-direction:column;min-width:0;display:flex}.application-date-panel>h2{margin:0 0 8px}.inline-calendar{border:1px solid var(--line);background:#ffffff06;border-radius:14px;width:min(100%,360px);margin:auto;padding:12px}.calendar-header{color:var(--text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.calendar-header strong{font-size:14px}.calendar-month-picker{position:relative}.calendar-month{border:1px solid var(--line);min-width:92px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:7px;padding:4px 6px;font-size:13px}.calendar-month-menu{z-index:5;border:1px solid var(--line);background:#15171d;border-radius:8px;flex-direction:column;width:140px;max-height:220px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 28px #00000061}.calendar-month-menu button{color:var(--muted);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;border-radius:5px;flex:none;padding:5px 8px;font-size:12px}.calendar-month-menu button:hover,.calendar-month-menu button.active{color:var(--text);background:#ff1f342e}.calendar-year-picker{position:relative}.calendar-year{border:1px solid var(--line);min-width:68px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:7px;padding:4px 6px;font-size:13px}.calendar-year-menu{z-index:5;border:1px solid var(--line);background:#15171d;border-radius:8px;flex-direction:column;width:100%;max-height:220px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 12px 28px #00000061}.calendar-year-menu button{color:var(--muted);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;border-radius:5px;flex:none;padding:5px 8px;font-size:12px}.calendar-year-menu button:hover,.calendar-year-menu button.active{color:var(--text);background:#ff1f342e}.calendar-month:focus,.calendar-year:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #ff1f341a}.calendar-nav{border:1px solid var(--line);width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:8px;place-items:center;padding:0;font-size:22px;line-height:1;display:grid}.calendar-nav:hover{border-color:var(--red)}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calendar-weekdays{color:var(--muted);text-align:center;margin-bottom:4px;font-size:10px;font-weight:700}.calendar-day{aspect-ratio:1;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0;font-size:12px}.calendar-day:hover:not(:disabled){border-color:var(--red);background:#ff1f341a}.calendar-day.outside-month{color:var(--muted);opacity:.45}.calendar-day.selected{border-color:var(--red);color:#fff;background:var(--red);font-weight:700}.calendar-day:disabled{cursor:not-allowed;opacity:.25}@media (width<=1050px){.application-entry-workspace{grid-template-columns:minmax(0,1fr)}}.application-keyboard-panel{width:100%;padding:16px;position:static}.application-keyboard-panel .camera-keyboard-row{grid-template-columns:minmax(0,220px) minmax(0,1fr)}.application-keyboard-panel .visual-sign-keyboard{width:100%;max-width:520px;margin-inline:auto;padding:8px}.application-keyboard-panel .arabic-keyboard-rows{gap:4px;min-width:480px}.application-keyboard-panel .arabic-keyboard-row{gap:4px}.application-keyboard-panel .visual-sign-grid.english-grid{grid-template-columns:repeat(9,minmax(36px,1fr));gap:4px}.application-keyboard-panel .visual-keyboard-numbers{gap:4px;margin-top:6px}.application-keyboard-panel .arabic-number-row{margin-top:0}.application-keyboard-panel .visual-keyboard-numbers button{min-height:30px;padding:4px;font-size:14px}.application-keyboard-panel .visual-sign-key img{padding:3px}.application-keyboard-panel .visual-sign-key span:not(.arabic-text-key):not(.missing-asl-key):not(.sign-font-glyph){min-width:16px;height:16px;padding:0 2px;font-size:10px;bottom:2px;right:2px}.application-keyboard-panel .visual-keyboard-bottom{gap:4px;margin-top:6px}.application-keyboard-panel .visual-keyboard-bottom button{padding:6px}@media (width<=440px){.application-keyboard-panel .visual-sign-grid.english-grid{grid-template-columns:repeat(5,minmax(36px,1fr))}}.application-keyboard-panel .camera-keyboard-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;width:100%;max-width:452px;margin-inline:auto}.application-keyboard-panel .sign-keyboard-status{aspect-ratio:4/3;min-width:0;padding:6px;overflow:auto}.application-keyboard-panel .sign-keyboard-status>strong{margin:4px 0;font-size:28px;line-height:1.1}.application-keyboard-panel .sign-keyboard-status>small{font-size:10px;line-height:1.25}.application-keyboard-panel .sign-keyboard-status>div{flex-direction:row;gap:4px;margin-top:6px}.application-keyboard-panel .sign-keyboard-status button{flex:1;min-width:0;padding:5px 2px;font-size:10px}.application-keyboard-panel .sign-keyboard-message{aspect-ratio:4/3;height:100%;min-height:0;padding:10px;font-size:11px}@font-face{font-family:SLT12;src:url(/fonts/slt12.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.app.sign-font-enabled,.app.sign-font-enabled *{font-family:SLT12,Segoe UI,Arial,sans-serif!important}.sign-font-toggle{z-index:55;border:1px solid var(--green);color:var(--text);cursor:pointer;background:#101720;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:fixed;bottom:32px;right:124px;box-shadow:0 8px 24px #00000059}.sign-font-toggle[aria-pressed=true]{color:var(--green)}.sign-font-toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}.visual-sign-key .sign-font-glyph,.app.sign-font-enabled .visual-sign-key .sign-font-glyph{color:#17212b;background:0 0;width:auto;min-width:0;height:auto;padding:0;font-size:30px;font-weight:400;line-height:1;position:absolute;inset:2px 2px 12px;font-family:SLT12,Arial,sans-serif!important}.visual-sign-key .sign-key-label,.app.sign-font-enabled .visual-sign-key .sign-key-label{font-family:Arial,sans-serif!important}.english-keyboard-scroll{max-width:100%;padding:3px;overflow-x:auto}.english-keyboard-rows{flex-direction:column;gap:4px;min-width:400px;display:flex}.english-keyboard-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}.english-row-1{padding-left:2.5%}.english-row-2{padding-left:7.5%}.english-keyboard-rows .english-number-row{grid-template-columns:repeat(10,minmax(0,1fr));margin-top:0}.document-upload-panel.document-upload-panel-guided{max-width:820px}.document-guide-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.document-guide-layout .document-upload-control{max-width:none}.document-upload-panel-guided .step-footer{flex-wrap:wrap}@media (width<=640px){.document-guide-layout{grid-template-columns:1fr}}.reference-keyboard{z-index:60;border:1px solid var(--line);background:#101720;border-radius:5px;width:min(730px,100vw - 24px);padding:8px 12px 12px;position:fixed;bottom:124px;right:20px;box-shadow:0 12px 36px #0006}.reference-keyboard-header{height:34px;color:var(--text);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reference-keyboard-header button{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:17px;font-weight:700}.reference-keyboard-header button:last-child{font-size:36px;line-height:1}.reference-keyboard-header>span{font-size:28px}.reference-keyboard-scroll{overflow-x:auto}.reference-keyboard-keys{flex-direction:column;gap:9px;min-width:540px;display:flex}.reference-keyboard-row{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.reference-keyboard button{touch-action:manipulation}.reference-keyboard-keys button{border:1px solid var(--line);min-width:0;height:30px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:1px;padding:0 3px;font-family:Arial,sans-serif;font-size:19px}.reference-keyboard-keys button:hover,.reference-keyboard-keys button:focus-visible,.reference-keyboard-keys button[aria-pressed=true]{color:var(--green);outline:1px solid var(--green);outline-offset:1px;background:#00d49126}.reference-keyboard .visual-sign-key{aspect-ratio:auto}.reference-keyboard .visual-sign-key .sign-font-glyph{color:inherit;font-size:25px;inset:1px}.reference-keyboard .sign-key-label{display:none}.reference-keyboard-footer{grid-template-columns:minmax(0,1fr) repeat(3,48px);gap:6px;display:grid}.reference-symbols{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.reference-keyboard-launcher{z-index:60;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:5px;padding:12px 18px;position:fixed;bottom:124px;right:20px}@media (width<=640px){.reference-keyboard{right:12px}}.reference-keyboard-header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.reference-keyboard-header:active{cursor:grabbing}.reference-keyboard-launcher{border:1px solid var(--green);width:48px;height:48px;color:var(--green);z-index:65;background:#101720;border-radius:12px;place-items:center;padding:0;font-size:25px;display:grid;bottom:124px;right:24px;box-shadow:0 6px 20px #0005}.reference-keyboard-launcher:focus-visible{outline:2px solid var(--green);outline-offset:3px}.reference-keyboard{bottom:184px}.reference-keyboard-launcher{bottom:32px;right:292px}@media (width<=420px){.sign-font-toggle{padding:12px 10px;right:112px}.reference-keyboard-launcher{right:260px}}.sign-font-toggle{width:168px;height:48px;box-shadow:none;border-radius:0 12px 12px 0;justify-content:center;padding:8px;bottom:32px;right:124px}.reference-keyboard-launcher{width:48px;height:48px;box-shadow:none;border-right:0;border-radius:12px 0 0 12px;bottom:32px;right:292px}@media (width<=420px){.sign-font-toggle{width:148px;right:112px}.reference-keyboard-launcher{right:260px}}.reference-keyboard,.reference-keyboard *,.reference-keyboard-launcher{font-family:Arial,Segoe UI Emoji,sans-serif}.reference-keyboard .sign-font-glyph{font-family:SLT12,Arial,sans-serif!important}.sign-font-toggle{width:56px;padding:3px}.sign-font-toggle img{object-fit:contain;width:42px;height:42px}.reference-keyboard-launcher{right:180px}@media (width<=420px){.sign-font-toggle{width:56px}.reference-keyboard-launcher{right:168px}}.sign-font-toggle img{filter:brightness(0)saturate()invert(68%)sepia(87%)saturate(1900%)hue-rotate(108deg)brightness(94%)contrast(103%)drop-shadow(0 0 4px #00d49199)}.sign-font-toggle[aria-pressed=true] img{filter:brightness(0)saturate()invert(68%)sepia(87%)saturate(1900%)hue-rotate(108deg)brightness(110%)contrast(103%)drop-shadow(0 0 7px #00d491e6)}.reference-keyboard-launcher svg{color:var(--green);filter:drop-shadow(0 0 4px #00d49199)}.reference-keyboard-launcher[aria-expanded=true] svg{filter:brightness(1.15)drop-shadow(0 0 7px #00d491e6)}.sign-keyboard .camera-keyboard-row,.application-keyboard-panel .sign-keyboard .camera-keyboard-row{justify-content:center;width:100%;display:flex;position:relative}.sign-keyboard .camera-keyboard-row>.sign-keyboard-camera{flex:none;width:320px}.camera-keyboard-actions{justify-content:center;gap:8px;display:flex}.camera-keyboard-actions button{border:1px solid var(--line);width:36px;height:30px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:7px;place-items:center;padding:4px;display:grid}.camera-keyboard-actions button:hover{color:var(--green);border-color:var(--green)}.camera-keyboard-actions button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.signature-drawing{flex-direction:column;gap:10px;margin-top:16px;display:flex}.signature-canvas{aspect-ratio:10/3;border:1px solid var(--line);width:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#ffffff0a;border-radius:12px;display:block}.signature-drawing>button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-end;padding:8px 12px}.signature-drawing>button:disabled{opacity:.4;cursor:default}.hand-color-legend{z-index:5;pointer-events:none;background:#000000b3;border-radius:6px;gap:12px;padding:5px 8px;font-size:11px;display:flex;position:absolute;bottom:8px;left:8px}.camera-selector{border:1px solid var(--line);width:640px;max-width:100%;color:var(--muted);background:#ffffff08;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.camera-selector select{min-width:0;color:var(--text);border:1px solid var(--line);background:#101720;border-radius:6px;flex:1;padding:6px 8px;font-size:12px;font-weight:400}.accessibility-toolbar{z-index:65;align-items:stretch;display:flex;position:fixed;bottom:32px;right:124px}.accessibility-toolbar .reference-keyboard-launcher,.accessibility-toolbar .sign-font-toggle{flex-shrink:0;position:static}@media (width<=420px){.accessibility-toolbar{right:112px}}.spell-game .app-header{flex-wrap:wrap;justify-content:space-between;gap:16px}.game-account{align-items:center;gap:16px;display:flex}.game-account button{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;font:inherit;border-radius:10px;padding:10px 16px}.game-login{border:1px solid var(--line);background:var(--panel);border-radius:20px;flex-direction:column;gap:12px;max-width:420px;margin:64px auto;padding:32px;display:flex}.game-login h1{margin:0;font-size:28px}.game-login p{color:var(--muted);margin:0 0 12px;font-size:16px;line-height:1.5}.game-login label{margin-top:8px;font-size:16px}.game-login input{border:1px solid var(--line);background:var(--ink);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:10px;padding:14px;font-size:16px}.game-login button{cursor:pointer;margin-top:12px;padding:14px;font-size:16px}.game-login .game-error{color:#ff8b96;margin:0}.game-login input:focus-visible,.game-account button:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (width<=480px){.game-login{margin:32px auto;padding:24px}.game-account{flex-wrap:wrap}}.demo-welcome{border:1px solid var(--line);width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:#101116;border-radius:20px;margin:auto;padding:32px}.demo-welcome::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7}.demo-welcome form{flex-direction:column;gap:16px;display:flex}.demo-welcome h1{margin:0 0 8px;font-size:28px;line-height:1.25}.demo-welcome label{font-size:16px}.demo-welcome input{border:1px solid var(--line);background:var(--ink);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:10px;padding:14px;font-size:16px}.demo-welcome button{cursor:pointer;padding:14px;font-size:16px}.demo-welcome input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.demo-welcome .game-error{color:#ff8b96;margin:0}@media (width<=480px){.demo-welcome{padding:24px}}.spell-name-fields{gap:12px;display:grid}.spell-name-fields label{font-size:16px}.demo-welcome .demo-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-welcome .demo-logo{flex:none;width:auto;height:50px}.demo-welcome .demo-language-switch{border:1px solid var(--line);border-radius:10px;gap:4px;padding:4px;display:flex}.demo-welcome .demo-language-switch button{min-width:44px;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:8px 10px;font-size:14px;font-weight:700;display:flex}.demo-welcome .demo-language-switch button[aria-pressed=true]{color:var(--text);background:var(--red)}.demo-welcome .demo-language-switch button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.spell-feedback .seeing-hint{font-variant-numeric:tabular-nums;margin:0 0 12px}.spell-feedback-status{margin-bottom:12px;display:grid}.spell-feedback-status>p{grid-area:1/1;align-self:center;margin:0;line-height:1.5}.distance-hint{z-index:6;box-sizing:border-box;color:#ffb1ba;text-align:center;pointer-events:none;background:#000000b3;border:1px solid #ff1f3466;border-radius:12px;width:max-content;max-width:calc(100% - 28px);padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.distance-hint.good{color:var(--green);border-color:#00d49180}.lesson-intro ol{margin:16px 0 24px;padding-inline-start:24px;font-size:18px;line-height:1.6}.lesson-intro li+li{margin-top:12px}.lesson-intro>button{width:100%}.camera-toggle-row{position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.camera-toggle{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);cursor:pointer;border-radius:999px;place-items:center;width:64px;height:64px;padding:0;transition:border-color .15s,transform .15s;display:grid;box-shadow:0 14px 32px #0000004d,inset 0 1px #ffffff0f}.camera-toggle svg{width:30px;height:30px}.camera-toggle.off{color:var(--red);border-color:#ff1f3473}.camera-toggle.on{color:var(--green);border-color:#00d49173}.camera-toggle:hover,.camera-toggle:focus-visible{outline:none;transform:translateY(-1px)}
