@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;500;600&display=swap";
:root{--text-color:#000;--text-secondary:#999;--placeholder-color:#b3b3b1;--bg-color:#fff;--bg-secondary:#f7f7f7;--border-color:#e8e8e8;--link-color:#333;--accent:#2196f3;--toolbar-bg:#fffffff7;--shadow:0 1px 4px #00000014;--shadow-lg:0 4px 20px #0000001a;--toast-bg:#333;--toast-color:#fff;--spinner-track:#0000001a;--logo-filter:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text-color:#e8e8e8;--text-secondary:#888;--placeholder-color:#555;--bg-color:#1a1a1a;--bg-secondary:#242424;--border-color:#333;--link-color:#ccc;--accent:#64b5f6;--toolbar-bg:#1a1a1af7;--shadow:0 1px 4px #0000004d;--shadow-lg:0 4px 20px #0006;--toast-bg:#e8e8e8;--toast-color:#1a1a1a;--spinner-track:#ffffff26;--logo-filter:invert(1) brightness(2)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.publish-float{z-index:100;position:fixed;top:20px;right:24px}.btn{border:2px solid var(--text-color);cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-color);background:0 0;border-radius:50px;padding:8px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.btn-publish:hover{background:var(--text-color);color:var(--bg-color)}.btn-publish:active{transform:scale(.96)}.btn-publish:disabled{opacity:.35;cursor:not-allowed;transform:none}.container{max-width:720px;margin:0 auto;padding:40px 20px 60px}.app-header{align-items:center;gap:12px;display:flex;position:absolute;top:32px;left:32px}.app-header a{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.app-logo{width:32px;height:32px;filter:var(--logo-filter);display:block}.app-name{letter-spacing:-.5px;color:var(--text-color);font-family:Inter,sans-serif;font-size:18px;font-weight:600}.editor-title{width:100%;color:var(--text-color);letter-spacing:-.5px;background:0 0;border:none;outline:none;margin-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:42px;font-weight:700;line-height:1.2}.editor-title::placeholder{color:var(--placeholder-color)}.editor-author{width:100%;color:var(--text-secondary);background:0 0;border:none;outline:none;margin-bottom:32px;padding:4px 0;font-family:Inter,sans-serif;font-size:15px;font-weight:400}.editor-author::placeholder{color:var(--placeholder-color)}.toolbar{background:var(--toolbar-bg);border:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(12px);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:24px;padding:6px 8px;display:flex;position:sticky;top:16px}.toolbar-btn{cursor:pointer;width:34px;height:34px;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .15s;display:flex}.toolbar-btn:hover{background:var(--border-color);color:var(--text-color)}.toolbar-btn.active{background:var(--accent);color:#fff}.toolbar-divider{background:var(--border-color);width:1px;height:20px;margin:0 6px}.align-icon{flex-direction:column;gap:2.5px;width:16px;font-size:0;display:flex}.align-icon:before,.align-icon:after,.align-icon span{content:"";background:currentColor;border-radius:1px;height:2px;display:block}.align-icon:before{width:100%}.align-icon:after{width:60%}.align-left:before{width:100%}.align-left:after{align-self:flex-start;width:60%}.align-center:before{width:100%}.align-center:after{align-self:center;width:60%}.align-right:before{width:100%}.align-right:after{align-self:flex-end;width:60%}.editor-content{min-height:400px;color:var(--text-color);word-wrap:break-word;overflow-wrap:break-word;outline:none;font-family:Georgia,Playfair Display,serif;font-size:19px;line-height:1.85}.editor-content p{margin-bottom:18px}.editor-content h2{margin:32px 0 12px;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700;line-height:1.3}.editor-content h3{margin:24px 0 8px;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700;line-height:1.3}.editor-content blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:16px 0;padding:4px 0 4px 20px;font-style:italic}.editor-content a{color:var(--accent);text-decoration:underline}.editor-content ul,.editor-content ol{margin-bottom:18px;padding-left:24px}.editor-content li{margin-bottom:6px}.editor-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin:16px 0;padding:16px;font-family:Courier New,monospace;font-size:14px;overflow-x:auto}.editor-content hr{border:none;border-top:1px solid var(--border-color);margin:32px 0}.editor-content img{border-radius:6px;max-width:100%;margin:16px 0}[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--placeholder-color);pointer-events:none;display:block}.post-meta{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:16px}.post-author{color:var(--text-color);font-size:15px;font-weight:600}.post-date{color:var(--text-secondary);margin-left:12px;font-size:14px}.post-content{color:var(--text-color);font-family:Georgia,Playfair Display,serif;font-size:19px;line-height:1.85}.post-content p{margin-bottom:18px}.post-content h2{margin:32px 0 12px;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700}.post-content h3{margin:24px 0 8px;font-family:Playfair Display,Georgia,serif;font-size:22px;font-weight:700}.post-content blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:16px 0;padding:4px 0 4px 20px;font-style:italic}.post-content a{color:var(--accent);text-decoration:underline}.post-content ul,.post-content ol{margin-bottom:18px;padding-left:24px}.post-content li{margin-bottom:6px}.post-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin:16px 0;padding:16px;font-family:Courier New,monospace;font-size:14px;overflow-x:auto}.post-content hr{border:none;border-top:1px solid var(--border-color);margin:32px 0}.post-content img{border-radius:6px;max-width:100%;margin:16px 0}.toast{color:#fff;box-shadow:var(--shadow-lg);z-index:200;opacity:0;pointer-events:none;background:#333;border-radius:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.toast.error{background:#e53935}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:60px;padding:40px 20px;font-size:13px}.footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--text-color)}@media (max-width:600px){.container{padding:72px 16px 40px}.editor-title{font-size:32px}.editor-content{font-size:17px}.top-bar{padding:0 16px}}.markdown-hint{color:var(--placeholder-color);margin-bottom:16px;padding:8px 0;font-family:Inter,sans-serif;font-size:12px;line-height:1.8}.markdown-hint code{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:3px;padding:1px 5px;font-family:Courier New,monospace;font-size:11px}.editor-content code,.post-content code{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.85em}.post-content code,.post-content pre{cursor:pointer;transition:background .15s;position:relative}.post-content code:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.post-content pre:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.copy-toast{background:var(--accent);color:#fff;pointer-events:none;z-index:300;white-space:nowrap;border-radius:4px;padding:4px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;animation:1.5s forwards copyFade;position:fixed;transform:translate(-50%)translateY(-100%)}@keyframes copyFade{0%{opacity:0;transform:translate(-50%)translateY(-80%)}15%{opacity:1;transform:translate(-50%)translateY(-100%)}70%{opacity:1;transform:translate(-50%)translateY(-100%)}to{opacity:0;transform:translate(-50%)translateY(-120%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.editor-container{animation:.4s fadeIn}.spinner{border:2px solid var(--border-color);border-top-color:var(--text-color);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.upload-indicator{background:var(--bg-secondary);border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:14px;animation:.3s fadeIn;display:flex}.spinner-dark{border:2px solid var(--spinner-track);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.editor-content[data-dragging=true]{border:2px dashed var(--accent);background:#2196f30a;border-radius:8px}.editor-content img,.post-content img{cursor:default;border-radius:6px;max-width:100%;height:auto;margin:16px 0;display:block}.toast{background:var(--toast-bg);color:var(--toast-color);box-shadow:var(--shadow-lg);z-index:200;opacity:0;pointer-events:none;border-radius:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px)}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.toast.error{color:#fff;background:#e53935}