.tiptap{.blog-post-editor{min-height:100vh;padding:24px;background-color:var(--color-gray-6)}.editor-container{max-width:800px;margin:0 auto;background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}.app{width:720px;margin:0 auto 48px}.editor{margin-bottom:0}.editor,.menu{position:relative;width:100%}.menu{top:0;left:0;z-index:1;display:flex;align-items:center;gap:8px;height:56px;margin:0;padding:0 16px;border-bottom:1px solid var(--color-gray-5);background-color:var(--color-white);color:var(--color-gray-2)}.menu-separator{width:1px;height:24px;background-color:var(--color-gray-4);margin:0 4px}.bubble-menu-dark,.bubble-menu-light{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px}.bubble-menu-dark{background-color:var(--color-gray-1);color:var(--color-white)}.bubble-menu-light{border:2px solid var(--color-gray-4);background-color:var(--color-white);color:var(--color-gray-2)}.link-menu{display:flex;align-items:center;gap:8px;padding:8px;border:2px solid var(--color-gray-5);border-radius:4px;background-color:var(--color-white)}.button,.button-remove,.button-save,.menu-button{display:flex;align-items:center;justify-content:center;height:32px;margin:0;padding:0 8px;border:0;border-radius:4px;background:transparent;color:currentColor;font-family:inherit;font-size:inherit;line-height:1;font-weight:inherit;white-space:nowrap;cursor:pointer}.menu-button{width:32px;padding:0}.button.is-active,.button:hover,.menu-button.is-active,.menu-button:hover{background-color:var(--color-gray-5);color:var(--color-black)}.button:disabled,.menu-button:disabled{color:var(--color-gray-4)}.button-save{background-color:var(--color-green);color:var(--color-white)}.button-remove{background-color:var(--color-red);color:var(--color-white)}.button-remove:disabled{background-color:var(--color-pale-pink)}.ProseMirror{margin-top:0;padding:20px;min-height:500px;border:none;border-radius:0;outline:none;font-size:16px;line-height:1.6}.ProseMirror h1{font-size:2.5em;font-weight:700;line-height:1.2;margin:0 0 .5em;color:var(--color-black)}.ProseMirror h2{font-size:2em;line-height:1.3;margin:.5em 0}.ProseMirror h2,.ProseMirror h3{font-weight:600;color:var(--color-black)}.ProseMirror h3{font-size:1.5em;line-height:1.4;margin:1.25em 0 .5em}.ProseMirror h4{font-size:1.25em}.ProseMirror h4,.ProseMirror h5{font-weight:600;line-height:1.4;margin:1em 0 .5em;color:var(--color-black)}.ProseMirror h5{font-size:1.1em}.ProseMirror h6{font-size:1em;font-weight:600;line-height:1.4;margin:1em 0 .5em;color:var(--color-gray-1)}.ProseMirror p{font-size:16px;line-height:1.6;margin:0 0 1em;color:var(--color-black);font-weight:400}.ProseMirror img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--color-blue);outline-offset:2px}.editor-mini .ProseMirror{padding-top:8px}.ProseMirror-focused{border-color:transparent;outline:none}.ProseMirror>*+*{margin-top:16px}.modal-title{margin:0 0 24px;font-size:20px;line-height:1}.modal-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:4px;background-color:transparent;cursor:pointer}.modal-close:hover{background-color:var(--color-gray-5);color:var(--color-black)}.modal-input{width:100%;height:40px;margin-bottom:16px;border:2px solid var(--color-gray-5);border-radius:4px;font-size:inherit}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal{position:relative;background-color:var(--color-white);border-radius:8px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 16px rgba(0,0,0,.2)}@media (max-width:768px){.blog-post-editor{padding:12px}.editor-container{max-width:100%}.ProseMirror{padding:16px}}blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}:first-child{margin-top:0}ul{list-style-type:disc!important;color:var(--color-gray-2)}ol,ul{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem;li p{margin-top:.25em;margin-bottom:.25em}li::marker{color:var(--primary)!important}}}:root{--gray-1:#f5f5f5;--gray-2:#e0e0e0;--gray-3:#bdbdbd;--gray-4:#9e9e9e;--gray-5:#757575;--gray-6:#616161;--gray-7:#424242;--gray-8:#212121}.tiptap h1{font-size:2.5em;font-weight:700;line-height:1.2;margin:0 0 .5em}.tiptap h2{font-size:2em;font-weight:600;line-height:1.3;margin:1.5em 0 .5em}.tiptap h3{font-size:1.5em;margin:1.25em 0 .5em}.tiptap h3,.tiptap h4{font-weight:600;line-height:1.4}.tiptap h4{font-size:1.25em;margin:1em 0 .5em}.tiptap h5{font-size:1.1em}.tiptap h5,.tiptap h6{font-weight:600;line-height:1.4;margin:1em 0 .5em}.tiptap h6{font-size:1em;color:var(--color-gray-1)}.tiptap p{font-size:16px;line-height:1.6;margin:0 0 1em;font-weight:400}.tiptap img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tiptap img.tiptap-selectednode{outline:2px solid var(--color-blue);outline-offset:2px}.tiptap{.blog-post-editor{min-height:100vh;padding:24px;background-color:var(--color-gray-6)}.editor-container{max-width:800px;margin:0 auto;background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow:hidden}.app{width:720px;margin:0 auto 48px}.editor{margin-bottom:0}.editor,.menu{position:relative;width:100%}.menu{top:0;left:0;z-index:1;display:flex;align-items:center;gap:8px;height:56px;margin:0;padding:0 16px;border-bottom:1px solid var(--color-gray-5);background-color:var(--color-white);color:var(--color-gray-2)}.menu-separator{width:1px;height:24px;background-color:var(--color-gray-4);margin:0 4px}.bubble-menu-dark,.bubble-menu-light{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px}.bubble-menu-dark{background-color:var(--color-gray-1);color:var(--color-white)}.bubble-menu-light{border:2px solid var(--color-gray-4);background-color:var(--color-white);color:var(--color-gray-2)}.link-menu{display:flex;align-items:center;gap:8px;padding:8px;border:2px solid var(--color-gray-5);border-radius:4px;background-color:var(--color-white)}.button,.button-remove,.button-save,.menu-button{display:flex;align-items:center;justify-content:center;height:32px;margin:0;padding:0 8px;border:0;border-radius:4px;background:transparent;color:currentColor;font-family:inherit;font-size:inherit;line-height:1;font-weight:inherit;white-space:nowrap;cursor:pointer}.menu-button{width:32px;padding:0}.button.is-active,.button:hover,.menu-button.is-active,.menu-button:hover{background-color:var(--color-gray-5);color:var(--color-black)}.button:disabled,.menu-button:disabled{color:var(--color-gray-4)}.button-save{background-color:var(--color-green);color:var(--color-white)}.button-remove{background-color:var(--color-red);color:var(--color-white)}.button-remove:disabled{background-color:var(--color-pale-pink)}.ProseMirror{margin-top:0;padding:20px;min-height:500px;border:none;border-radius:0;outline:none;font-size:16px;line-height:1.6}.ProseMirror h1{font-size:2.5em;font-weight:700;line-height:1.2;margin:0 0 .5em;color:var(--color-black)}.ProseMirror h2{font-size:2em;line-height:1.3;margin:.5em 0}.ProseMirror h2,.ProseMirror h3{font-weight:600;color:var(--color-black)}.ProseMirror h3{font-size:1.5em;line-height:1.4;margin:1.25em 0 .5em}.ProseMirror h4{font-size:1.25em}.ProseMirror h4,.ProseMirror h5{font-weight:600;line-height:1.4;margin:1em 0 .5em;color:var(--color-black)}.ProseMirror h5{font-size:1.1em}.ProseMirror h6{font-size:1em;font-weight:600;line-height:1.4;margin:1em 0 .5em;color:var(--color-gray-1)}.ProseMirror p{font-size:16px;line-height:1.6;margin:0 0 1em;color:var(--color-black);font-weight:400}.ProseMirror img{max-width:100%;height:auto;border-radius:8px;margin:1em 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--color-blue);outline-offset:2px}.editor-mini .ProseMirror{padding-top:8px}.ProseMirror-focused{border-color:transparent;outline:none}.ProseMirror>*+*{margin-top:16px}.modal-title{margin:0 0 24px;font-size:20px;line-height:1}.modal-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:4px;background-color:transparent;cursor:pointer}.modal-close:hover{background-color:var(--color-gray-5);color:var(--color-black)}.modal-input{width:100%;height:40px;margin-bottom:16px;border:2px solid var(--color-gray-5);border-radius:4px;font-size:inherit}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal{position:relative;background-color:var(--color-white);border-radius:8px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 16px rgba(0,0,0,.2)}@media (max-width:768px){.blog-post-editor{padding:12px}.editor-container{max-width:100%}.ProseMirror{padding:16px}}blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}:first-child{margin-top:0}ul{list-style-type:disc!important;color:var(--color-gray-2)}ol,ul{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem;li p{margin-top:.25em;margin-bottom:.25em}li::marker{color:red}}}.tournament-leaderboard{border:2px solid var(--purple);border-radius:.5rem;margin:2rem 0;position:relative}.is-empty:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}