.tiptap .code-block{color:#f8fafc;background:#0f172a;border-radius:.75rem;margin:1.5rem 0;font-family:JetBrains Mono,Fira Code,monospace;position:relative;overflow:hidden}.tiptap .code-block-actions{z-index:10;align-items:center;gap:.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}.tiptap .copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.tiptap .copy-btn:hover{color:#f1f5f9;background:#fff3}.tiptap .code-block select{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;outline:none;padding:.25rem .5rem;font-size:.75rem;transition:all .2s}.tiptap .code-block select option{color:#cbd5e1;background-color:#0f172a}.tiptap .code-block select:hover{color:#f1f5f9;background:#fff3}.tiptap .code-block pre{background:0 0;margin:0;padding:1.5rem 1rem 1.5rem 3.5rem;overflow-x:auto}.tiptap .code-block code{color:inherit;background:0 0;padding:0;font-size:.875rem}.tiptap .code-block-wrapper{position:relative}.tiptap .code-block .line-numbers{text-align:right;color:#475569;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff1a;width:3rem;padding-right:.75rem;font-size:.875rem;position:absolute;top:1.5rem;left:0}.tiptap-editor-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;max-height:600px;overflow-y:auto}.dark .tiptap-editor-container{scrollbar-color:#475569 transparent}.tiptap-editor-container::-webkit-scrollbar{width:6px}.tiptap-editor-container::-webkit-scrollbar-track{background:0 0}.tiptap-editor-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.dark .tiptap-editor-container::-webkit-scrollbar-thumb{background-color:#475569}.exercise-shortcode-badge,.tiptap .exercise-shortcode-badge,.tiptap code.exercise-shortcode-badge,.tutorial-content .exercise-shortcode-badge{color:#fff!important;letter-spacing:.03em!important;vertical-align:middle!important;background:linear-gradient(135deg,#059669 0%,#10b981 100%)!important;border:1px solid #34d399!important;border-radius:9999px!important;align-items:center!important;gap:.35rem!important;margin:.2rem .25rem!important;padding:.25rem .65rem!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:.75rem!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;display:inline-flex!important;box-shadow:0 2px 6px -1px #10b98166!important}.dark .exercise-shortcode-badge,.dark .tiptap .exercise-shortcode-badge{color:#ecfdf5!important;background:linear-gradient(135deg,#065f46 0%,#059669 100%)!important;border-color:#10b981!important}.hljs-comment,.hljs-quote{color:#64748b;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:#38bdf8;font-weight:700}.hljs-function,.hljs-title,.hljs-title.function_{color:#818cf8;font-weight:700}.hljs-string,.hljs-meta .hljs-string,.hljs-doctag,.hljs-regexp{color:#4ade80}.hljs-tag{color:#94a3b8}.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#f43f5e;font-weight:700}.hljs-attr,.hljs-attribute,.hljs-property{color:#38bdf8;font-weight:600}.hljs-type,.hljs-number,.hljs-built_in,.hljs-bullet,.hljs-symbol,.hljs-variable,.hljs-template-variable{color:#fbbf24}.hljs-meta,.hljs-meta .hljs-keyword{color:#a855f7;font-weight:600}.tiptap-main-editor.prose{max-width:none}.tiptap-main-editor.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.125rem;margin-bottom:.125rem;line-height:1.6}.tiptap-main-editor.prose :where(h1,h2,h3,h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1rem;margin-bottom:.25rem;font-weight:800;line-height:1.2}.tiptap-main-editor.prose :where(ul,ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.25rem;margin-bottom:.25rem}.tiptap-main-editor.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.125rem;margin-bottom:.125rem}.tiptap-main-editor.prose .code-block{margin:.5rem 0}.tiptap-main-editor.prose>:first-child{margin-top:0!important}.tiptap-main-editor.prose>:last-child{margin-bottom:0!important}.tiptap:focus{outline:none}.tiptap code:before,.tiptap code:after{content:""!important}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:""!important}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:""!important}.tiptap :not(pre)>code,.tiptap-main-editor :not(pre)>code{color:#db2777!important;word-break:break-word!important;-webkit-box-decoration-break:clone!important;box-decoration-break:clone!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:.375rem!important;padding:.2em .45em!important;font-family:JetBrains Mono,Fira Code,Consolas,monospace!important;font-size:.85em!important;font-weight:600!important;display:inline!important}.dark .tiptap :not(pre)>code,.dark .tiptap-main-editor :not(pre)>code{color:#f472b6!important;background-color:#1e293bbf!important;border-color:#47556980!important}
