:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff9df;--surface:#fff;--border:#111;--text:#111;--muted:#3f3a45;--accent:#00cfff;--accent-muted:#d8f8ff;--danger:#ff336f;--radius:0;--shadow:5px 5px 0 #111;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(circle at 12% 16%, #00cfff55 0, #00cfff00 34%), radial-gradient(circle at 88% 12%, #ff3dbf55 0, #ff3dbf00 30%), radial-gradient(circle at 80% 86%, #d3ff00aa 0, #d3ff0000 28%), var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{background:#fffdf0;border-left:4px solid #111;border-right:4px solid #111;flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;grid-template-columns:240px minmax(0,1fr);gap:.85rem;width:100%;max-width:1200px;margin:0 auto;padding:.85rem 1rem 1.5rem;display:grid}@media (width<=820px){.app-body{grid-template-columns:1fr}}.app-main{min-width:0;padding:0 0 0 .25rem}@media (width<=820px){.app-main{padding:0}}.post-meta{box-shadow:var(--shadow);background:#ffd7f1;border:3px solid #111;flex-direction:column;gap:.65rem;margin-bottom:.75rem;padding:.8rem;display:flex}.field{color:#111;text-transform:uppercase;letter-spacing:.03em;flex-direction:column;gap:.25rem;font-size:.85rem;font-weight:700;display:flex}.field--inline input{background:var(--surface);color:var(--text);border:3px solid #111;border-radius:0;padding:.5rem .6rem;font-size:1rem;font-weight:600;box-shadow:3px 3px #111}.field--excerpt input{font-size:.95rem}.post-meta__hint{color:#3a3642;margin:0;font-size:.8rem;font-weight:600}.post-meta__hint code{background:#d3ff00;border:2px solid #111;padding:.05rem .35rem;font-size:.78rem}.editor-section{background:var(--surface);box-shadow:var(--shadow);border:4px solid #111;border-radius:0;min-height:420px;overflow:hidden}.btn{font:inherit;cursor:pointer;color:#111;text-transform:uppercase;letter-spacing:.04em;background:#fff;border:3px solid #111;border-radius:0;padding:.45rem .75rem;font-weight:800;transition:transform .12s,box-shadow .12s,background-color .12s;box-shadow:3px 3px #111}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--primary{color:#fff;background:#ff3dbf;border-color:#111}.btn--ghost{background:#d8f8ff}.btn--sky{color:#fff;background:#00bfff}.btn--small{padding:.2rem .45rem;font-size:.8rem}.btn:hover:not(:disabled){background:#d3ff00}.btn.btn--sky:hover:not(:disabled){color:#fff;background:#009ed6}.btn.btn--primary:hover:not(:disabled){color:#fff;background:#e0199f}.btn.btn--sky:active:not(:disabled),.btn.btn--primary:active:not(:disabled){color:#fff}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 #111}.editor-loading{color:var(--muted);padding:1rem}.blog-editor{background:#ffd7f1;border:3px solid #111;flex-direction:column;min-height:380px;display:flex;box-shadow:6px 6px #111}.blog-editor .tiptap{background-color:#fff8fd;background-image:radial-gradient(#1112 1px,#0000 1px);background-position:4px 4px;background-size:14px 14px;outline:none;flex:1;min-height:320px;padding:1rem 1.1rem 1.35rem}.blog-editor .tiptap p{margin:.35rem 0}.blog-editor .tiptap h1,.blog-editor .tiptap h2,.blog-editor .tiptap h3{margin:.75rem 0 .35rem;line-height:1.25}.blog-editor .tiptap ul,.blog-editor .tiptap ol{margin:.35rem 0 .35rem 1.25rem;padding:0}.blog-editor .tiptap blockquote{color:#4d4b44;background:#fff;border:2px solid #111;border-left-width:10px;margin:.7rem 0;padding:.5rem .7rem;box-shadow:3px 3px #111}.blog-editor .tiptap hr{border:0;border-top:1px solid var(--border);margin:1rem 0}.blog-editor .tiptap pre.blog-code-block{background:#ffe58d;border:3px solid #111;border-radius:0;margin:.85rem 0;padding:.35rem 0 .5rem;position:relative;overflow-x:auto;box-shadow:4px 4px #111}.blog-editor .tiptap pre.blog-code-block:before,.blog-editor .tiptap pre.blog-code-block:after{color:#3e3a2f;letter-spacing:.04em;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.35;display:block}.blog-editor .tiptap pre.blog-code-block:before{content:"```";padding:.2rem .65rem .15rem}.blog-editor .tiptap pre.blog-code-block:after{content:"```";padding:.35rem .65rem .15rem}.blog-editor .tiptap pre.blog-code-block code{white-space:pre-wrap;word-break:break-word;color:#111;background:0 0;border-radius:0;padding:.45rem .65rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45;display:block}@media (prefers-color-scheme:dark){.blog-editor .tiptap pre.blog-code-block{background:#ffe58d;border-color:#111}}.blog-editor .tiptap table.blog-table{border-collapse:collapse;table-layout:auto;background:#fff;border:3px solid #111;width:100%;margin:.75rem 0;box-shadow:4px 4px #111}.blog-editor .tiptap table.blog-table td,.blog-editor .tiptap table.blog-table th{vertical-align:top;border:2px solid #111;min-width:2.5rem;padding:.4rem .55rem}.blog-editor .tiptap table.blog-table th{text-align:left;text-transform:uppercase;letter-spacing:.03em;background:#d3ff00;font-weight:700}.blog-editor .tiptap table.blog-table .selectedCell:after{z-index:2;content:"";pointer-events:none;background:#2f6feb1f;position:absolute;inset:0}.blog-editor .tiptap table.blog-table .column-resize-handle{background-color:var(--accent);pointer-events:none;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}.blog-editor .tiptap a{color:#0037ff;text-decoration-thickness:2px}.blog-editor .tiptap img.blog-image{background:#fff;border:3px solid #111;max-width:100%;height:auto;box-shadow:4px 4px #111}.blog-editor .tiptap audio.blog-audio,.blog-editor .tiptap video.blog-video{background:#fff;border:3px solid #111;width:min(100%,640px);margin:.8rem auto;display:block;box-shadow:4px 4px #111}.blog-editor .tiptap video.blog-video{max-height:360px}.blog-editor .tiptap img.align-center{margin:.75rem auto;display:block}.blog-editor .tiptap img.align-left{float:left;margin:.35rem 1rem .75rem 0}.blog-editor .tiptap img.align-right{float:right;margin:.35rem 0 .75rem 1rem}.blog-editor .tiptap .is-editor-empty:first-child:before{color:#6d6a60;content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-weight:600}.html-editor{resize:vertical;color:#e6edf3;background:#0d1117;border:3px solid #111;border-radius:0;outline:none;width:100%;min-height:380px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.45;box-shadow:6px 6px #111}.draft-list{background:#ffd7f1;border:4px solid #111;min-width:0;padding:.7rem;overflow:hidden;box-shadow:6px 6px #111}@media (width<=820px){.draft-list{margin-bottom:.75rem}}.draft-list__tabs{background:#fff;border:3px solid #111;border-radius:0;gap:0;margin-bottom:.65rem;padding:0;display:flex;box-shadow:3px 3px #111}.draft-list__tab{font:inherit;color:#111;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;border-right:3px solid #111;border-radius:0;flex:1;padding:.4rem .45rem;font-size:.78rem;font-weight:800}.draft-list__tab:last-child{border-right:0}.draft-list__tab:hover{color:#111;background:#d3ff00}.draft-list__tab.is-active{color:#111;background:#d3ff00;box-shadow:inset 0 0 0 2px #111}.draft-list__link{color:#0037ff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.draft-list__link:hover{color:#1a56c9}.draft-list__error{color:#b0004d;font-weight:700}.draft-list__items--published .draft-item{width:100%}.draft-list__header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.draft-list h2{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.95rem;font-weight:900}.draft-list__empty{color:var(--muted);margin:0;font-size:.85rem}.draft-list__items{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.draft-list__items li{align-items:stretch;gap:.25rem;min-width:0;display:flex}.draft-item{text-align:left;cursor:pointer;min-width:0;font:inherit;background:#fff;border:3px solid #111;border-radius:0;flex:1;padding:.45rem .5rem;overflow:hidden;box-shadow:3px 3px #111}.draft-item.is-active{background:#d8f8ff;border-color:#111;box-shadow:3px 3px #111}.draft-item__title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:500;display:block;overflow:hidden}.draft-item__meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.draft-item__delete{cursor:pointer;color:#111;background:#ff3dbf;border:3px solid #111;border-radius:0;width:2rem;font-size:1rem;font-weight:900;line-height:1;box-shadow:3px 3px #111}.draft-item__delete:hover{background:#d3ff00}.header-bar{z-index:5;background:#d3ff00;border-bottom:4px solid #111;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 5px #111}.header-bar__brand{align-items:center;gap:.5rem;display:flex}.header-bar__logo{background:#ff3dbf;border:3px solid #111;border-radius:0;width:16px;height:16px;box-shadow:2px 2px #111}.header-bar h1{letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:1.05rem;font-weight:900}.header-bar__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.segmented{background:#fff;border:3px solid #111;border-radius:0;display:inline-flex;overflow:hidden;box-shadow:3px 3px #111}.segmented button{font:inherit;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;color:#111;background:0 0;border:0;border-right:3px solid #111;padding:.35rem .65rem;font-size:.8rem;font-weight:800}.segmented button:last-child{border-right:0}.segmented button:hover{background:#d3ff00}.segmented button.is-active{color:#111;background:#ff3dbf}.editor-toolbar{background:#ffd7f1;border-bottom:4px solid #111;flex-wrap:wrap;gap:.35rem;padding:.65rem .75rem;display:flex}.editor-toolbar button{font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;color:#000;-webkit-text-stroke:.2px #000;text-shadow:0 0 #000;background:#d3ff00;border:2px solid #111;border-radius:0;padding:.3rem .5rem;font-size:.76rem;font-weight:900;transition:transform .12s,box-shadow .12s,background-color .12s;box-shadow:2px 2px #111}.editor-toolbar button:hover:not(:disabled){background:#c4ef00}.editor-toolbar button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.editor-toolbar button.is-active{background:#d3ff00;box-shadow:inset 0 0 0 2px #111,2px 2px #111}.editor-toolbar button:active:not(:disabled),.editor-toolbar button.is-active:active{transform:translate(2px,2px);box-shadow:0 0 #111}.toolbar-sep{background:#111;align-self:stretch;width:3px;margin:0 .25rem}@media (prefers-color-scheme:dark){.editor-toolbar{background:#f4efde}}.dialog-backdrop{z-index:20;background:#0f0f0f80;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0}.dialog{background:#fffef5;border:4px solid #111;border-radius:0;width:min(480px,100%);padding:1rem 1.1rem 1.1rem;box-shadow:8px 8px #111}.dialog h2{text-transform:uppercase;letter-spacing:.04em;margin:0 0 .35rem;font-size:1.1rem}.dialog-hint{color:#3e3a45;margin:0 0 .75rem;font-size:.82rem;font-weight:600}.dialog-hint a{color:var(--accent)}.dialog-hint code{font-size:.78rem}.dialog .field{margin-bottom:.55rem}.dialog .field span{margin-bottom:.15rem;display:block}.dialog.dialog--snippet{width:min(640px,100%)}.dialog input,.dialog select,.dialog textarea{width:100%;font:inherit;background:var(--surface);color:var(--text);border:3px solid #111;border-radius:0;padding:.45rem .5rem;box-shadow:3px 3px #111}.dialog-textarea--code{resize:vertical;min-height:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.45}.field-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.dialog-error{color:#b0004d;margin:.35rem 0 0;font-size:.85rem;font-weight:700}.dialog-upload-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:relative}.dialog-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dialog-upload-preview{flex-wrap:wrap;align-items:flex-end;gap:.65rem;margin-top:.15rem;display:flex}.dialog-upload-preview img{object-fit:contain;background:#fff;border:3px solid #111;border-radius:0;width:auto;max-width:100%;height:auto;max-height:140px;box-shadow:3px 3px #111}.toast-stack{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:min(22rem,100vw - 2rem);display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{pointer-events:auto;color:var(--text);background:#d8f8ff;border:3px solid #111;border-radius:0;align-items:flex-start;gap:.5rem;padding:.65rem .6rem .65rem .85rem;font-size:.9rem;font-weight:700;line-height:1.35;animation:.28s ease-out toast-in;display:flex;box-shadow:5px 5px #111}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.toast--success{border-left:10px solid #00cfff}.toast__message{flex:1;min-width:0;padding-top:.05rem}.toast__dismiss{color:#111;font:inherit;cursor:pointer;background:#fff;border:2px solid #111;border-radius:0;flex-shrink:0;margin:-.15rem -.1rem 0 0;padding:.1rem .35rem;font-size:1rem;line-height:1;box-shadow:2px 2px #111}.toast__dismiss:hover{color:#111;background:#ff3dbf}@media (width<=820px){.toast-stack{align-items:stretch;bottom:1rem;right:50%;transform:translate(50%)}}