@keyframes caretBlink{50%{opacity:0}}.typing-caret{width:2px;background-color:#fff;box-shadow:0 0 8px #fffc;animation:caretBlink 1s step-end infinite;display:inline-block;vertical-align:middle;height:1.4em;margin-left:-2px;transition:all .02s cubic-bezier(.1,.9,.2,1)}.char-ghost{color:#64748b;opacity:.22;transition:opacity .02s ease,color .02s ease}.char-correct{opacity:1;color:#fff;font-weight:600;text-shadow:0 0 8px rgba(255,255,255,.65)}.char-error{opacity:1;color:#ef4444;font-weight:600;text-shadow:0 0 10px rgba(239,68,68,.5)}@keyframes errorPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.error-shake{animation:errorPulse .5s ease-out}.noise-overlay{background-image:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);opacity:.03;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#32353c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444748}.zen-glow{box-shadow:0 0 40px -10px #6366f126}.upload-glow{box-shadow:0 0 20px #ffffff0d;transition:all .3s ease}.upload-glow:hover{box-shadow:0 0 30px #ffffff1a;border-color:#ffffff4d}.rank-glow-1{box-shadow:0 0 30px #ffffff26;border:1px solid rgba(255,255,255,.4)}.rank-glow-2{box-shadow:0 0 20px #c0c1ff1a;border:1px solid rgba(192,193,255,.3)}.rank-glow-3{box-shadow:0 0 20px #8e91921a;border:1px solid rgba(142,145,146,.3)}.timer-flash{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body{background-color:#0b0e14;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;color:#e1e2eb;font-family:Cairo,Tajawal,system-ui,-apple-system,sans-serif}.translate-popup{position:absolute;background-color:#1d2026;border:1px solid rgba(255,255,255,.1);color:#e1e2eb;padding:8px 12px;border-radius:8px;font-family:Tajawal,Cairo,sans-serif;z-index:1000;box-shadow:0 10px 25px -5px #00000080;max-width:250px}.title-underline{position:relative;display:inline-block}.title-underline:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:4px;background-color:#fff;border-radius:9999px;box-shadow:0 0 6px #fff6}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 1023px){#engine-image-panel,#view-engine.focus-active .flex-shrink-0.flex-col,#view-engine.focus-active .flex-shrink-0.px-4{display:none!important}#view-engine.focus-active #engine-split-container{padding-top:32px;padding-bottom:32px}}.trans-word{color:#ffffff26;transition:color .2s ease;font-family:Cairo,Tajawal,sans-serif}.trans-word.trans-active{color:#fffc}.trans-word.trans-done{color:#ffffff73}#translation-container{min-height:2em;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:16px}#view-engine.focus-active #engine-btn-exit-focus{display:flex!important}.story-sentence-block.future-sentence .char{opacity:.08!important}.story-sentence-block.future-sentence .sentence-ar{color:#ffffff14!important}.story-sentence-block.active-sentence .sentence-ar{color:#fffffff2!important;font-weight:500}.story-sentence-block.completed-sentence .sentence-ar{color:#ffffff59!important}@media (max-width: 1023px){#app-sidebar{display:none!important}}