@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-placeholder:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--border-light:#f3f4f6;--accent:#3b82f6;--accent-hover:#2563eb;--danger:#ef4444;--overlay-dark:#00000073;--overlay-light:#ffffffe6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-secondary);min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{background:var(--bg-primary);flex-direction:column;width:100%;max-width:500px;min-height:100dvh;margin:0 auto;display:flex}img{max-width:100%;display:block}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;font-family:inherit}input{background:0 0;border:none;outline:none;font-family:inherit}a{color:var(--accent);text-decoration:none}.editor-container{flex-direction:column;min-height:100dvh;padding:24px 20px 0;display:flex;position:relative}.editor-header{flex-shrink:0;align-items:center;gap:14px;margin-bottom:20px;display:flex}.user-avatar{object-fit:cover;border:2px solid var(--border-light);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%}.user-name{color:var(--text-primary);letter-spacing:-.2px;font-size:17px;font-weight:600}.editor-content-wrapper{flex:auto;min-height:0}.tiptap{min-height:80px;color:var(--text-primary);letter-spacing:-.1px;outline:none;font-size:15px;line-height:1.65}.tiptap>p{margin:0 0 4px}.tiptap p.is-editor-empty:first-child:before{color:var(--text-placeholder);content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-size:15px}.tiptap a,.editor-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.tiptap .image-node-wrapper{float:left;width:calc(50% - 4px);margin-bottom:8px}.tiptap .image-node-wrapper:nth-of-type(2n){margin-left:8px}.tiptap>p{clear:both}.tiptap .image-node-wrapper:only-of-type{float:none;width:100%;margin-left:0}.image-node-view{border-radius:var(--radius-lg);aspect-ratio:1;background:var(--bg-secondary);position:relative;overflow:hidden}.tiptap .image-node-wrapper:only-of-type .image-node-view{aspect-ratio:16/10}.image-node-view img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);display:block}.image-node-view:active img{transform:scale(.98)}.delete-image-btn{background:var(--overlay-dark);color:#fff;-webkit-backdrop-filter:blur(8px);width:26px;height:26px;transition:background var(--transition-fast), transform var(--transition-fast);z-index:2;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.delete-image-btn:hover{background:#000000a6}.delete-image-btn:active{transform:scale(.9)}.link-input-container{margin:16px 0;animation:.25s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.link-input-box{border:1.5px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:10px;padding:10px 14px;display:flex}.link-input-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.link-icon-prefix{color:var(--text-placeholder);flex-shrink:0}.link-input-box input{color:var(--text-primary);flex:1;min-width:0;font-size:14px}.link-input-box input::placeholder{color:#ef4444;opacity:.7}.link-close-btn{background:var(--border-color);color:#fff;cursor:pointer;width:22px;height:22px;transition:background var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-close-btn:hover{background:var(--text-secondary)}.editor-bottom-spacer{flex:60px;min-height:60px}.editor-toolbar{background:var(--bg-primary);border-top:1px solid var(--border-light);z-index:10;flex-shrink:0;align-items:center;gap:8px;padding:12px 4px;display:flex;position:sticky;bottom:0;left:0;right:0}.toolbar-btn{color:var(--accent);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.toolbar-btn:hover{background:#3b82f614}.toolbar-btn:active{transform:scale(.92)}.toolbar-btn.active{color:var(--accent-hover);background:#3b82f61a}.hidden-file-input{display:none}.app-container{flex-direction:column;min-height:100dvh;display:flex}