.sidebarBox{gap:var(--mantine-spacing-md);background-color:var(--bg-answer-section);border-radius:16px;flex-direction:column;height:auto;display:flex}.typing-column{gap:var(--mantine-spacing-md);flex-direction:column;height:100%;display:flex}.typing-key-card{justify-content:flex-start;align-items:center;min-height:56px;display:flex}.typing-key-preview-mobile{display:flex}.typing-key-preview-desktop{display:none}.typing-key{font-size:var(--mantine-font-size-md);justify-content:center;align-items:center;padding:13px 12px 6px;display:inline-flex;position:relative}.typing-key-value{line-height:1}.typing-key-shift{white-space:nowrap;font-size:.55em;line-height:1;position:absolute;top:3px}.typing-key-shift-desktop{display:none;left:50%;transform:translate(-50%)}.typing-key-shift-mobile{transform-origin:0 0;font-size:.7em;display:inline-block;left:4px;transform:scale(1.15,.78)}.sidebar-actions{gap:var(--mantine-spacing-xs);flex-direction:column;display:flex}.desktop-keyboard{display:none}.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}.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}@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}.desktop-keyboard{cursor:default;opacity:.82;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:block}.typing-key{font-size:var(--mantine-font-size-md);padding:16px 12px 3px}.typing-key-shift-desktop{display:inline}.typing-key-shift-mobile,.typing-key-preview-mobile{display:none}.typing-key-preview-desktop{display:flex}.mobile-keyboard-dock{display:none}}.flipCard{cursor:pointer;transition:transform .22s cubic-bezier(.25,.8,.25,1),box-shadow .22s cubic-bezier(.25,.8,.25,1),border-color .15s,background-color .15s}.flipCard:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px #0000000f;background-color:var(--mantine-color-forest-0)!important}.compact-kbd-token{border-radius:3px;justify-content:center;align-items:center;height:18px;font-size:.65rem!important;font-family:var(--mantine-font-family-monospace)!important;background-color:var(--mantine-color-gray-0)!important;border:1px solid #e1d7cd!important;padding:1px 2px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important}