.sidebarBox{gap:var(--mantine-spacing-md);background-color:var(--bg-answer-section);border-radius:16px;flex-direction:column;height:auto;display:flex}.textContainer{letter-spacing:1px;white-space:pre-wrap;word-break:break-word;height:144px;font-family:Noto Sans Kannada,Tunga,Courier New,Courier,monospace;font-size:18px;line-height:1.6;position:relative;overflow:hidden}.untyped{color:var(--mantine-color-dimmed)}.correct{color:var(--mantine-color-green-filled);background-color:#2b8a3e1a}.incorrect{color:var(--mantine-color-red-filled);background-color:#c92a2a26;text-decoration:underline}.incomplete{color:var(--mantine-color-yellow-filled);background-color:#fef9e7}.cursor{color:var(--mantine-color-text);background-color:var(--mantine-color-blue-light);border-left:2px solid var(--mantine-color-blue-filled);animation:1s infinite blink}.mobile-keyboard-dock{z-index:1010;width:100%;padding:var(--mantine-spacing-xs);border-top:1px solid var(--mantine-color-default-border);background:#faf6f0;margin:0;position:fixed;bottom:0;left:0;right:0}@keyframes blink{50%{border-color:#0000}}.hiddenInput{opacity:0;pointer-events:none;z-index:-1;width:100%;height:100%;font-size:16px;position:absolute;top:0;left:0}@media (width>=768px){.textContainer{height:129.6px;font-size:24px;line-height:1.8}.sidebarBox{height:100%;margin-bottom:0}}