@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--background:#fbf9f6;--surface:#fff;--surface-hover:#f4f0ea;--border:#e8e2d9;--text:#3a3a44;--text-muted:#8a8a94;--primary:#a2c4c9;--primary-hover:#8eb3b8;--primary-text:#2f4f54;--radius:12px}[data-theme=dark]{--background:#171717;--surface:#222;--surface-hover:#2c2c2c;--border:#363636;--text:#ededed;--text-muted:#9e9e9e;--primary:#ccc;--primary-hover:#e0e0e0;--primary-text:#171717}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.main-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.header{border-bottom:1px solid var(--border);background-color:var(--surface);z-index:10;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;padding:1rem 1.5rem;display:flex}.logo{color:var(--text);font-size:1.5rem;font-weight:700}.logo span{color:var(--primary)}.header-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,color .2s;display:flex}.theme-toggle:hover{background-color:var(--surface-hover);color:var(--text)}.new-btn{background-color:var(--primary);color:var(--primary-text);border-radius:var(--radius);padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.new-btn:hover{background-color:var(--primary-hover)}.feed{flex-direction:column;gap:2rem;display:flex}.empty-state{text-align:center;background:var(--surface);border-radius:var(--radius);border:1px dashed var(--border);padding:4rem 2rem}.empty-state h2{color:var(--text);margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.create-link{background:var(--primary);color:var(--primary-text);border-radius:var(--radius);padding:.75rem 1.5rem;font-weight:500;display:inline-block}.changelog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:transform .2s,box-shadow .2s}.changelog-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000000d}.card-header{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.date{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.title{color:var(--text);margin-bottom:.25rem;font-size:1.75rem}.subtitle{color:var(--text-muted);font-size:1.125rem}.content p{margin-bottom:1rem}.content img{border-radius:var(--radius);max-width:100%;margin:1rem 0}.content ul,.content ol{margin-bottom:1rem;margin-left:1.5rem}.content h1,.content h2,.content h3{color:var(--text);margin-top:1.5rem;margin-bottom:.75rem}.new-changelog{margin:0 auto;max-width:100%!important}.page-header{margin-bottom:1.5rem}.page-header h1{color:var(--text);font-size:1.25rem}.editor-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;display:flex}.title-input,.subtitle-input,.cover-image-input{width:100%;color:var(--text);background:0 0;border:none;outline:none}.title-input{font-size:1.5rem;font-weight:700}.title-input::placeholder{color:var(--text-muted);font-weight:700}.subtitle-input,.cover-image-input{color:var(--text-muted);font-size:1rem}.cover-image-dropzone{border:2px dashed var(--border);cursor:pointer;border-radius:8px;padding:1rem;transition:border-color .2s,background .2s}.cover-image-dropzone:hover,.cover-image-dropzone.dragging{border-color:var(--green);background:var(--bg-secondary)}.hidden-file-input{display:none}.cover-image-placeholder{min-height:80px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.9rem;display:flex}.cover-image-preview{position:relative}.cover-image-preview img{object-fit:cover;border-radius:6px;width:100%;max-height:200px}.cover-image-actions{gap:.5rem;margin-top:.5rem;display:flex}.cover-image-btn{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;transition:background .2s}.cover-image-btn:hover{background:var(--border)}.cover-image-btn-remove{color:#e55}.cover-image-btn-remove:hover{background:#e552}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.cancel-btn{color:var(--text-muted);padding:.4rem 1rem;font-size:.85rem;font-weight:500}.cancel-btn:hover{color:var(--text)}.submit-btn{background:var(--primary);color:var(--primary-text);border-radius:var(--radius);padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.submit-btn:hover:not(:disabled){background:var(--primary-hover)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.editor-container{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;font-size:.85rem;display:flex;overflow:visible}.toolbar{background:var(--surface-hover);border-bottom:1px solid var(--border);z-index:12;border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex;position:sticky;top:4.5rem}.toolbar button{color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.toolbar button:hover{background:var(--surface);color:var(--text)}.toolbar button.is-active{background:var(--primary);color:var(--primary-text)}.editor-content{cursor:text;min-height:150px;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}.editor-content .ProseMirror{outline:none;min-height:150px}.editor-content em,.editor-content i,.post-article .content em,.post-article .content i{font-style:italic!important}.editor-content .ProseMirror p.is-editor-empty:first-child:before{color:var(--text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}.editor-content img{border-radius:6px;max-width:100%;height:auto;margin:.75rem 0}.editor-content img[data-width="10%"],.editor-content img[width="10%"],.post-article .content img[data-width="10%"],.post-article .content img[width="10%"]{width:10%!important}.editor-content img[data-width="25%"],.editor-content img[width="25%"],.post-article .content img[data-width="25%"],.post-article .content img[width="25%"]{width:25%!important}.editor-content img[data-width="33%"],.editor-content img[width="33%"],.post-article .content img[data-width="33%"],.post-article .content img[width="33%"]{width:33%!important}.editor-content img[data-width="50%"],.editor-content img[width="50%"],.post-article .content img[data-width="50%"],.post-article .content img[width="50%"]{width:50%!important}.editor-content img[data-width="75%"],.editor-content img[width="75%"],.post-article .content img[data-width="75%"],.post-article .content img[width="75%"]{width:75%!important}.editor-content img[data-width="100%"],.editor-content img[width="100%"],.post-article .content img[data-width="100%"],.post-article .content img[width="100%"]{width:100%!important}.editor-content p:has(>img[data-alignment=inline]){vertical-align:top;display:inline-block;width:auto!important;margin:0 .5rem .75rem 0!important}.post-article .content p:has(>img[data-alignment=inline]){vertical-align:top;display:inline-block;width:auto!important;margin:0 .5rem .75rem 0!important}.editor-content p:has(>img[data-alignment=inline]) img{margin:0}.post-article .content p:has(>img[data-alignment=inline]) img{margin:0}.modrinth-post-container{max-width:1120px;margin:0 auto}.post-layout{grid-template-columns:170px minmax(0,900px);align-items:start;gap:2rem;display:grid}.post-layout .post-article,.modrinth-post-container>.post-article{max-width:900px}.post-toc{max-height:calc(100vh - 6.5rem);padding-right:.5rem;position:sticky;top:5.25rem;overflow-y:auto}.post-toc-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem;font-size:.7rem;font-weight:600;display:block}.post-toc nav{flex-direction:column;gap:.35rem;display:flex}.post-toc a{color:var(--text-muted);font-size:.72rem;line-height:1.35;text-decoration:none}.post-toc a:hover{color:var(--text)}.post-toc-level-2{padding-left:.5rem}.post-toc-level-3{padding-left:1rem}@media (max-width:1099px){.post-layout{display:block}.post-toc{display:none}}.modrinth-post-container .post-article .card-header{margin-bottom:1.5rem}.modrinth-post-container .post-article .card-header .title{font-size:1.45rem;line-height:1.2}.modrinth-post-container .post-article .card-header .subtitle{font-size:.85rem;line-height:1.45}.modrinth-post-container .post-article .content p{margin-bottom:.85rem;line-height:1.55;font-size:.8rem!important}.modrinth-post-container .post-article .content h1{margin:1.5rem 0 .65rem;font-size:1.35rem}.modrinth-post-container .post-article .content h2{margin:1.35rem 0 .55rem;font-size:1.15rem}.modrinth-post-container .post-article .content h3{margin:1.1rem 0 .45rem;font-size:1rem}.modrinth-post-container .post-article .content img{margin:.85rem 0}.editor-content ul,.editor-content ol{margin:.5rem 0;padding-left:1.25rem}.editor-content h2{margin-top:1.25rem;margin-bottom:1rem}.editor-content .tableWrapper{margin:.75rem 0;overflow-x:auto}.editor-content table,.post-article .content table{border-collapse:collapse;width:100%;font-size:.8rem}.editor-content th,.editor-content td,.post-article .content th,.post-article .content td{border:1px solid var(--border);text-align:left;vertical-align:top;min-width:80px;padding:.4rem .5rem}.editor-content th,.post-article .content th{background:var(--surface-hover);font-weight:600}.editor-content .selectedCell:after{background:color-mix(in srgb, var(--primary) 25%, transparent)}header.tt-navbar-strip{background:var(--surface)!important;border:1px solid var(--border)!important;z-index:100!important;border-radius:16px!important;justify-content:center!important;gap:2rem!important;width:fit-content!important;max-width:100%!important;margin:1rem auto!important;padding-left:1.5rem!important;padding-right:1.5rem!important;position:sticky!important;top:1rem!important;left:0!important;right:0!important;box-shadow:0 4px 16px #0000000a!important}header.tt-navbar-strip *{white-space:nowrap!important}.mixland-brand{align-items:center;gap:.55rem;font-family:Geist,sans-serif;font-size:.85rem;font-weight:400;display:inline-flex}.mixland-logo{object-fit:contain;width:58px;height:58px;transform:rotate(5deg)}@media (min-width:768px){header.tt-navbar-strip{justify-content:flex-start!important;gap:.75rem!important;width:min(1100px,100% - 2rem)!important;padding-left:1rem!important;padding-right:1rem!important}header.tt-navbar-strip .tt-navbar-logo{flex:none;margin:0!important}header.tt-navbar-strip .tt-navbar-menu{margin-left:0!important}header.tt-navbar-strip .tt-navbar-action{margin-left:auto!important}}[data-theme=dark] header.tt-navbar-strip,[data-theme=dark] .tt-subnav-container,[data-theme=dark] .tt-subnav-content{background:var(--surface)!important;border-color:var(--border)!important}[data-theme=dark] header.tt-navbar-strip *,[data-theme=dark] .tt-subnav-container *{color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] .tt-navbar-link:hover,[data-theme=dark] .tt-subnav-link:hover{background:var(--surface-hover)!important}[data-theme=dark] .tt-navbar-strip .btn-primary{background:var(--text)!important;color:var(--surface)!important}[data-theme=dark] .tt-navbar-strip .btn-primary *{color:var(--surface)!important}.title a:hover{color:var(--primary);transition:color .2s}header.tt-navbar-strip .tt-navbar-link.btn-primary,header.tt-navbar-strip .tt-navbar-link.btn-primary:hover{border-radius:8px!important}.tt-navbar-link.btn-primary{transform:translateZ(0);border-radius:9999px!important;transition:background .2s,opacity .2s!important;overflow:hidden!important}.tt-navbar-link.btn-primary .btn-content,.tt-navbar-strip .btn-primary,.tt-navbar-strip .btn-primary .btn-content,.tt-navbar-strip .btn-primary:before,.tt-navbar-strip .btn-primary:after{transform:translateZ(0);border-radius:9999px!important;overflow:hidden!important}.new-btn-custom{white-space:nowrap;border:1px solid #e0e0e0;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex;color:#000!important;background:#fff!important;border-radius:9999px!important;align-self:center!important;height:max-content!important;min-height:0!important;padding:.15rem .8rem!important;font-size:.65rem!important;line-height:1.2!important}.new-btn-custom:hover{opacity:.8}[data-theme=dark] header.tt-navbar-strip .new-btn-custom{color:#000!important;background:#fff!important;border-color:#fff!important}.main-content:has(.modrinth-feed-container){max-width:1200px!important}.main-content:has(.modrinth-post-container){max-width:1200px!important}.main-content:has(.modrinth-editor-container){max-width:1200px!important}.modrinth-feed-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.modrinth-featured-link{color:inherit;margin-bottom:3rem;text-decoration:none;display:block}.modrinth-featured-card{cursor:pointer;flex-direction:column;gap:1.5rem;display:flex}.modrinth-featured-image-container{width:100%;display:flex}.modrinth-featured-image{aspect-ratio:16/9;border:1px solid var(--border);object-fit:cover;border-radius:1rem;width:100%!important;height:auto!important}.modrinth-featured-image-placeholder{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface-hover);border-radius:1rem;justify-content:center;align-items:center;width:100%;display:flex}.modrinth-featured-content{flex-direction:column;gap:.5rem;display:flex}.featured-tag{color:var(--text-muted);letter-spacing:.02em;opacity:.8;font-family:Geist,sans-serif;font-size:.875rem;font-weight:400}.modrinth-featured-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.modrinth-featured-link:hover .modrinth-featured-title{text-decoration:underline}.modrinth-featured-subtitle{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.4}.modrinth-featured-date{color:var(--text-muted);opacity:.8;margin-top:auto;font-size:.875rem}@media (min-width:768px){.modrinth-featured-card{flex-direction:row;align-items:center;gap:2rem}.modrinth-featured-image-container{flex-shrink:0;width:42%}.modrinth-featured-content{flex:1;padding-left:0}.modrinth-featured-title{font-size:1.875rem}.modrinth-featured-subtitle{font-size:1.125rem}}.post-article{background:0 0;border:none;border-radius:0;padding:0;width:100%!important}.post-top-bar{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:var(--text)}.post-actions{align-items:center;gap:1rem;display:flex}.post-action-btn{color:var(--text-muted);padding:0;font-size:.85rem;transition:color .2s}.post-action-btn:hover{color:var(--text)}.post-action-save{background:var(--primary);color:var(--primary-text);border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.post-action-save:hover{background:var(--primary-hover);color:var(--primary-text)}.post-action-delete{color:#ff6b6b}.post-action-delete:hover{color:#e55}.post-edit-actions{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:.35rem;padding:.35rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.post-edit-cancel{padding:.3rem .55rem;font-size:.75rem}.post-cover-editor{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.post-cover-editor>span{color:var(--text-muted);font-size:.75rem}.confirm-backdrop{z-index:30;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:min(320px,100%);padding:1rem;box-shadow:0 12px 32px #00000040}.confirm-dialog p{font-size:.85rem;line-height:1.4}.confirm-actions{justify-content:flex-end;gap:.5rem;margin-top:.9rem;display:flex}.login-page{place-items:center;min-height:60vh;display:grid}.login-form{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:.75rem;width:min(320px,100%);padding:1.25rem;display:flex}.login-form h1{font-size:1rem}.login-form input{border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:6px;padding:.55rem .65rem}.login-form button{background:var(--primary);color:var(--primary-text);border-radius:6px;padding:.5rem .7rem;font-size:.8rem;font-weight:600}.login-error{color:#ff6b6b;font-size:.75rem}.post-article .card-header{border-bottom:none;margin-bottom:2.5rem;padding-bottom:0}.post-article .content{width:100%!important}.post-article .content img{border-radius:.75rem;margin:1.5rem 0;display:block;max-width:100%!important}.post-article .content p{color:var(--text);margin-bottom:1.5rem;line-height:1.7;width:100%!important;max-width:100%!important;font-size:.95rem!important}.modrinth-news-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;display:grid}@media (min-width:768px){.modrinth-news-grid{grid-template-columns:repeat(3,1fr)}}.modrinth-article-link{color:inherit;height:100%;text-decoration:none;display:flex}.modrinth-article-card{cursor:pointer;flex-direction:column;flex-grow:1;gap:.75rem;height:100%;display:flex}.modrinth-article-link:hover .modrinth-article-title{text-decoration:underline}.modrinth-article-image{aspect-ratio:16/9;border:1px solid var(--border);object-fit:cover;border-radius:.5rem;width:100%}.modrinth-article-image-placeholder{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface-hover);border-radius:.5rem;justify-content:center;align-items:center;width:100%;display:flex}.placeholder-logo{color:var(--text-muted);opacity:.5;font-family:Geist,sans-serif;font-size:1.5rem;font-weight:700}.modrinth-article-content{flex-direction:column;flex-grow:1;gap:.35rem;display:flex}.modrinth-article-title{color:var(--text);margin:0;font-size:.95rem;font-weight:600;line-height:1.25}.modrinth-article-subtitle{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.3}.modrinth-article-date{color:var(--text-muted);opacity:.8;margin-top:auto;font-size:.75rem}.image-bubble-menu{background:var(--surface);border:1px solid var(--border);z-index:1000;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;box-shadow:0 4px 16px #00000059}.image-bubble-menu button{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:3px 5px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex;color:var(--text-muted)!important}.image-bubble-menu button:hover{background:var(--surface-hover);color:var(--text)!important}.image-bubble-menu button.is-active{background:var(--primary);color:var(--primary-text)!important}