.typing-scroll{overflow:scroll;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#a78bfa #f1f5f9}.typing-scroll::-webkit-scrollbar{width:10px;height:10px}.typing-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.typing-scroll::-webkit-scrollbar-thumb{background:#a78bfa;border:2px solid #f1f5f9;border-radius:8px}.typing-scroll-dark{scrollbar-color:#64748b #0f172a}.typing-scroll-dark::-webkit-scrollbar-corner,.typing-scroll-dark::-webkit-scrollbar-track{background:#0f172a}.typing-scroll-dark::-webkit-scrollbar-thumb{background:#64748b;border-color:#0f172a}.scroll-rail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e2e8f0;border-radius:8px}.scroll-rail::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:20px;background:#a78bfa;border-radius:8px;cursor:grab}.scroll-rail:not([style*=vertical])::-webkit-slider-thumb{width:24px;height:8px}.scroll-rail::-moz-range-thumb{width:8px;height:18px;border:0;border-radius:8px;background:#a78bfa}.scroll-rails-dark .scroll-rail{background:#1e293b}.scroll-rails-dark .scroll-rail::-webkit-slider-thumb{background:#94a3b8}@media (min-width:1024px) and (min-height:600px){.typing-focus .typing-code-viewport{height:clamp(120px,24vh,190px)}.typing-focus .typing-input-viewport{height:clamp(64px,12vh,110px)}.typing-focus kbd[data-key]{height:26px}.typing-focus .typing-hands svg{height:96px}}