@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Nunito:wght@400;600;700;800;900&family=Roboto+Mono:wght@400;500;700&display=swap";
.typing-tutor-wrap{justify-content:center;gap:20px;width:100%;max-width:1440px;min-height:80vh;margin:0 auto;padding:20px 16px;display:flex}.typing-tutor-side-col{flex-shrink:0;width:160px;display:none}@media (min-width:1200px){.typing-tutor-side-col{display:block}}.typing-tutor-side-col .ad-sticky{position:sticky;top:90px}.typing-tutor-side-col .ad-box{text-align:center;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:500px;padding:12px 6px;display:flex;background:0 0!important;border:1px dashed #9696964d!important}.dark-mode .typing-tutor-side-col .ad-box,.dark .typing-tutor-side-col .ad-box{background:0 0!important;border:1px dashed #ffffff26!important}.typing-tutor-center-col{flex:1;min-width:0;max-width:980px}.typing-tutor-top-ad-wrap{justify-content:center;width:100%;margin-bottom:24px;display:flex}.typing-tutor-top-ad-box{text-align:center;border-radius:12px;width:100%;max-width:728px;min-height:90px;padding:8px;background:0 0!important;border:1px dashed #9696964d!important}.dark-mode .typing-tutor-top-ad-box,.dark .typing-tutor-top-ad-box{background:0 0!important;border:1px dashed #ffffff26!important}.typing-tutor-ad-tag{letter-spacing:.05em;color:#94a3b8;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.notebook-paper-canvas{background-color:#fff;background-image:repeating-linear-gradient(transparent, transparent calc(var(--line-height,45px) - 1px), #e2e8f0 calc(var(--line-height,45px) - 1px), #e2e8f0 var(--line-height,45px));line-height:var(--line-height,45px);white-space:pre-wrap;word-break:break-word;cursor:text;-webkit-user-select:none;user-select:none;border:1px solid #e5e7eb;border-radius:20px;min-height:180px;max-height:330px;padding:10px 24px;font-family:Roboto Mono,monospace;font-size:16px;overflow-y:auto}.dark-mode .notebook-paper-canvas{background-color:#0d0d10!important;background-image:repeating-linear-gradient(transparent, transparent calc(var(--line-height,45px) - 1px), #1e1e24 calc(var(--line-height,45px) - 1px), #1e1e24 var(--line-height,45px))!important;border-color:#1e1e24!important}.btn-primary-blue{color:#fff;cursor:pointer;background-color:#1138bd;border:none;border-radius:24px;padding:12px 32px;font-family:Nunito,Inter,sans-serif;font-size:16px;font-weight:800;transition:all .15s;box-shadow:0 6px #0a2272}.btn-primary-blue:hover{background-color:#0d2ea1}.btn-primary-blue:active{box-shadow:none;transform:translateY(6px)}@keyframes typingSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.typing-page-slideup{animation:.5s cubic-bezier(.25,1,.5,1) forwards typingSlideUp}